有时我们需要通过 UIView 对象获取该对象所属的 UIViewController。比如我们在自定义单元格(tableViewCell)中需要对导航控制器(navigationController)进行一些操作,就需要先获取到其所在的 UIViewController。 1,实现原理 我们可以通过消息响应者链 ......
本文演示如何通过文本标签组件(Text组件)的叠加组合,实现一个展示列表。 1,效果图 2,样例代码 我们首先创建一个单独的单元格组件(ListItem),然后通过一个个单独的单元格拼接成完整的表格......
通常我们可以通过自定义单元格,并在单元格内部添加 UITextField 或 UITextView 来实现可编辑列表。但有时会发现,当我们编辑 tableView 中的输入框内容时,出现的软键盘会将输入框遮挡住。 比如下面样例: (1)表格中一共有 20 条记录。自定义单元格中使用的是 UITextField(UITextView 同理......
Text 一个用于显示文本的 React 组件,并且它也支持嵌套、样式,以及触摸处理。 1,简单的样例 (1)效果图 下面给 Text 设置了字体大小、颜色、阴影,并加粗。 (2)样例代码......
从 iOS7 开始,ViewController 便使用全屏布局。同时引入了一个新属性 edgesForExtendedLayout,本文来讲讲 edgesForExtendedLayout 这个属性。 一、edgesForExtendedLayout属性介绍 1,默认值 它是一个类型为 UIExtendedEdge 的属性,指定边缘要延伸的方向,默认值是 UIRectEdge.all,即向四周边缘均延伸......
在使用 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 插件的安装和使用......