在使用 HTML 进行 Web 开发时，最重要的一个页面元素便是 div 了，可以说 div 就是整个页面布局的基础。其通常作为容器元素存在。 而在 React Native 中，也有一个类似于 div 的组件，那就是 View 组件。本文通过一个样例演示 View 组件的使用......
1，automaticallyAdjustsScrollViewInsets属性介绍 automaticallyAdjustsScrollViewInsets 是 iOS7 后新增的属性，其默认值是 true。 当其为 true 时。控制器会根据所在界面的 statusbar、navigationbar、tabbar 的高度，自动调整 scrollview 的 inset，防止其被导航栏等遮挡......
React Native 将 Web 中的 flexbox 布局引入进来使用，使得视图局部变得更加简单。关于 Web 里的 flexbox，以及相关属性介绍，及样例图片可以参考我之前些的这几篇文章。 一、flexbox的属性介绍 React Native 目前主要支持 flexbox 的属性有： alignItems、alignSelf、flex、flexDirection、flexWrap、justifyContent......
使用 UIImagePickerController，我们可以很方便的从系统相册中选择照片。但 UIImagePickerController 每次只能选择一张图片，不支持多选。这样如果我们需要一次上传多张图片到服务器，使用 UIImagePickerController 效率就会很低。 本文演示如何实现一个多选组件，类似微信发朋友圈那样，可以一次打勾选择多张照片......
虽然直接使用简单的文本编辑器就可以进行 React Native 开发，但一个好用的 IDE 可以让开发更加事半功倍。官方推荐使用 Atom＋Nuclide 插件进行 React Native 开发。 关于 Atom 我之前有写过文章介绍，所以这里就不再说明了。本文主要介绍 Nuclide 插件的安装和使用......
默认情况下，程序启动后页面顶部会有一个状态栏（statusBar），如下图： 如果我们想要去掉状态栏，有两种办法实现。 1，全局设置 这种方法修改后，整个应用的所有视图都不显示状态栏......
将服务器代码下载到本地并用 Xcode 打开（通过用户名密码 checkout ）。但点击 Update 进行更新时，提示“svn: E220001: Item is not readable”。而代码提交是没问题的。 这个是服务端仓库配置问题，根据我们是否需要允许匿名访问，分为两种情况解决......
一、模拟器调试 我们在模拟器上按快捷键 command + D，即可弹出如下调试菜单。下面分别介绍菜单中的各个调试功能。 1，Reload 刷新页面，其快捷键是 command + R。 注意：只有修改 JavaScript 文件时，刷新功能才起作用。如果新增了文件或者修改了 Native 代码，就需要使用 Xcode 重新编译应用了......
本文实现一个简单的圆形数组标签组件，平时可以作为按钮角标、或者作为表格中的计数器token等使用。 1，效果图 （1）组件的尺寸、背景颜色、文字颜色、字体大小都可以设置。 （2）组件只有在数字大于0的时候才会显示，其它情况下隐藏起来......
使用 React Native 进行开发时，首先要根据业务来划分组件。通过对不同的功能开发不同的入口组件，使得每个功能或者功能集合能够独立出来，这样也便于日后使用和代码移植。 本文通过一个简单的入门样例，演示组件的创建、使用以及相关样式的设置......