react-native 中的平台差异

2019-05-15  本文已影响0人  嘴角45度

1. 在View里面用绝对定位给右上角设置一个图标,超出View部分

设置一个大的View将它们两个都包裹起来,右上角的小图标以距离大图标的右边以及上边来确定位置

2. 给TextInput设置高度,高度为32

给TextInput设置 paddingVertical: 0

3. 给一个View设置阴影

1. 判断平台,如果是安卓,就用一张带阴影的背景图片
2. 平台区分,android平台用另外一种样式代替,比如加border

4. 弹出框取消

1. 弹框上面有关闭按钮
2. 弹出框使用Modal组件,给组件添加`onRequestClose={this.close}`事件监听,监听到点击了物理返回键,做对应的处理

内容持续更新中~~~~~~

上一篇 下一篇

猜你喜欢

热点阅读