一、横放左右两个text控件，右边的text随文字大小，左边的text自动占满剩下的空间。多用于tableView cell的title与detail。
<Text style={{ marginLeft: 14, flexGrow: 1 }}>{props.title}</Text>
<Text style={{ marginLeft: 14}}>{props.detail}</Text>
使用flexGrow，让左边的text自动占满剩下的空间。
二、底部有一个按钮，距离底部距离固定
<View style={{ flexGrow: 1, justifyContent: 'flex-end' }}>
<Button style={{marginBottom:30}} onPress={inviteAction} title="Invite" />
</View>
先使用flexGrow: 1，让包含Button的View自动占满剩余的空间，然后通过 justifyContent: 'flex-end'，让button右主轴方向底部开始对齐。
三、tableView的cell圆角处理，多个cell只有第一个顶部和最后一个cell底部是圆角
cell：
<View style={[props.id == 0 ? styles.tableViewTopRadius : null, props.id == g_dataArrNum-1 ? styles.tableViewBomRadius : null, { ... }]}>
...
</View>
//定义个顶部圆角和底部圆角样式
const styles = StyleSheet.create({
tableViewTopRadius: {
borderTopStartRadius: 10,
borderTopEndRadius: 10
},
tableViewBomRadius: {
borderBottomStartRadius: 10,
borderBottomEndRadius: 10,
},
});
