当我们点击输入框时，手机的软键盘会自动弹出，以便用户进行输入。但有时我们想在键盘弹出时对页面布局做个调整，或者在程序中使用代码收起这个软键盘，这些借助 React Native 框架提供的 Keyboard API 就可以实现。 一、Keyboard API 提供的方法......
在之前的文章中我简单地介绍了 CAGradientLayer 的使用。CAGradientLayer 对象最主要就是如下4个属性： colors：颜色数组，定义渐变层的各个颜色。 locations（可选）：决定每个渐变颜色的终止位置，这些值必须是递增的，数组的长度和 colors 的长度最好一致......
分页菜单（分段菜单）在许多 App 上都会用到。大多数新闻 App，如网易新闻、今日头条等，顶部都有个导航菜单。这个导航菜单是一组标签的集合，每个标签表示一个新闻类别，我们点击这个标签后下面就会切换到对应的分页面。 下面我们使用 React Native 来实现一个简单的分页菜单功能......
在 React Native 开发时，很多组件都被布局在手机屏幕上，其中有一些组件使用绝对定位布局，即这些组件可能会遮盖住它们位置下方的某个组件的部分或者全部。 在 React Native 框架中，触摸事件总是被传送给最上层的组件。但有时候我们又需要被遮盖住的组件能够处理触摸事件......
平时我们使用一些直播类 App 时会发现，屏幕上的消息是不断自下而上向上的滚动显示。同时最上面的消息滚出消息区域边界时，不会直接消失不见，而是有一种渐隐消失的效果。 类似的还有一些音乐播放器，屏幕上的歌词会随着时间向上滚动，而最上方的歌词随着滚动也会逐渐消失隐藏......
一、position 属性介绍 （1）position 属性自 CSS2 起就有了，该属性规定元素的定位类型。所有主流浏览器都支持 position 属性。 （2）position 的可选值有四个：static、relative、absolute、fixed。下面分别进行介绍。（其实还有个 inherit，不过这个是 IE 特有的，这里就不做讨论......
作为一款免费开源、跨平台且极其强大专业的多媒体影音中心软件播放器，Kodi 想必在影音爱好者当中应该是无人不知、无人不晓。 虽然 Kodi 拥有强大的媒体管理功能，而且支持解码播放几乎所有流行的音频和视频格式。但其播放器播放的效果并不是最好的，想要实现最好的画质效果......
1，如何检测设备当前的放置状态 有时我们需要检测设备当前是竖置的还是横置的，比较常用的方法就是取得当前设备屏幕的宽高。 正常的设备在竖置时，宽小于高。 在横置时，宽大于高。 2，Dimensions API 介绍 我们使用 Dimensions API 可以得到手机屏幕的宽和高......
在前文中，我简单地介绍了 CAGradientLayer 的使用（点击查看）。当时绘制的都是矩形渐变，其实配合各种 mask（遮罩），我们可以实现多种形状、样式的渐变。 一、渐变圆环进度条 1，效果图 （1）下面实现一个用于温度显示的环形进度条。同一般的环形进度条不同，它的进度轨道是有渐变色的......
在 React Native 开发中，我们可以通过 transform 样式的设置来实现组件（包括文字、图像）的变形。 一、四种变形样式 1，平移（translate） translateX：沿 x 轴方向平移 translateY：沿 y 轴方向平移 import React, { Component } from 'react'; import ......