分页菜单（分段菜单）在许多 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 ......
弹出确认框与弹出询问框是移动应用程序开发中经常需要使用的 UI 手段。React Native 已经为我们提供了原生的对话框组件：AlertIOS 和 Alert。 关于 AlertIOS，我之前已经写过相关的文章：React Native - 弹出框、对话框组件（AlertIOS）的使用详解。虽然 AlertIOS 功能强大但只支持 iOS 系统......
对于程序主视图 view 或者其它任意的 UIView，通过 backgroundColor 属性可以将其背景设置为指定颜色。但这种方式只能设置纯色背景。如果想要实现渐变色背景，一种方法是使用 Core Graphics 绘图框架来直接绘制填充，这个我之前也写过相关文章......