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 绘图框架来直接绘制填充，这个我之前也写过相关文章......
有时我们在前端页面上需要显示一些带有 HTML 标签的文本内容。如果希望这些标签不会被解析，而是直接显示，那么通常做法是后台先将这些标签转义（比如：< 转成 <、> 转成 > 等等），然后前端再显示这些转义后的文本。 但有时数据不通过服务端，而是纯前端操作......
在 HTML 的 textarea 控件中输入回车并提交会发现，内容中的换行是用 \n 或 \r\n 表示（取决于浏览器和操作系统）。如果我们直接将这个内容显示在 html 页面上，那么文字是不会像输入时的那样换行的。 同样的，在 textarea 中连续敲多个空格，这些内容......
一、取消导航栏的半透明效果 我们知道默认情况下，导航栏（navigationBar）的背景是半透明的。 如果想要让导航栏背景不透明，通常有如下两种修改方法： 方法1：在 StoryBoard 中设置 （1）选中 Navigation Bar，然后在其属性面板中去掉“Translucent”的勾选......
1，指定属性默认值 （1）我们可以在自定义组件中设定属性默认值，这样当组件被渲染时，如果没有指定某个属性的值，则使用默认值。 （2）与前文的属性确认声明类似（点击查看），通过在自定义组件定义结束后增加语句来为属性指定默认值。语法如下......
一、基本介绍 1，属性确认的作用 使用 React Native 创建的组件是可以复用的，所以我们开发的组件可能会给项目组其他同事使用。但别人可能对这个组件不熟悉，常常会忘记使用某些属性，或者某些属性传递的数据类型有误。 因此我们可以在开发 React Native 自定义组件时......