Voyz's Studio.

ReactNative填坑指南

字数统计: 141阅读时长: 1 min
2019/05/31 Share

ReactNative填坑指南

ScrollView滑到底部的页面监听函数

1
onMomentumScrollEnd

埋点

1
2
3
4
Log.logTrace('trace_name', {
params:'',
...
})

statusBar设置

1
2
3
pageWillAppear() {
Device.setStatusBarStyle('darkContent');
}

iPhone(X)适配

iPhoneX iPhone Andriod
+44 +20 0
1
2
<View style={Device.isiPhoneX ? {width:width,height:24} : {height:0}}></View>
<View style={Platform.OS === 'ios' ? {width:width,height:20} : {height:0}}></View>

获取URL参数

1
this.props.app.urlQuery.*

ScrollView滑到底部的页面监听函数

1
onMomentumScrollEnd

react实现多行文本超出加省略号

1
2
3
<View numberOfLines={1} style={{overflow:hidden}}/>


CATALOG
  1. 1. ReactNative填坑指南
    1. 1.0.1. ScrollView滑到底部的页面监听函数
    2. 1.0.2. 埋点
    3. 1.0.3. statusBar设置
    4. 1.0.4. iPhone(X)适配
    5. 1.0.5. 获取URL参数
    6. 1.0.6. ScrollView滑到底部的页面监听函数
    7. 1.0.7. react实现多行文本超出加省略号