关于RN中 props的父与子试图的一些简单用法

声明一个顶部导航栏View

<View
style
= {styles.container}>
                 <View
style
= {{flex:1}}></View>
                 <View
style
= {{flex:1,flexDirection:'row'}}>
                    <View
style
= {{flex:1}}>
                        <Text
style
= {{alignSelf :
'flex-start',height:44,marginLeft:8}}>管理员</Text>
                    </View>
                    <View
style
= {{flex:1,flexDirection:'row',justifyContent:
'center',alignItems:
'center'}}>
                        <View
style
= {{flex:4}}>
                        <Text
onPress
= {this.props.onPressAdress}
style
= {{height:22,textAlign :
'right'}}>this.props.name</Text></View>
                        <View
style
= {{flex:1}}>
                        <TouchableHighlight
underlayColor='#FFA54F'
onPress
= {this.props.onPressSetting}>
                        <Image
style
= {{height:22,width:22,alignSelf
: 'flex-end'}}
source
= {require('../../res/images/setting.png')}
/>
                        </TouchableHighlight></View>
                        <View
style
= {{flex:0.3,width:5}}
/>
                    </View>
                 </View>
             </View>

在使用的时候直接导出这块Component     在另一个界面导入

<BaseHeadView
onPressAdress
= {()=>this.props.navigation.navigate('SingIn',{name:'总工时：0分钟'})}
onPressSetting
= {()=>alert('dianji设置')}/>

使用时可直接调用父类的属性来进行赋值，可以介绍一部分的代码量，所有的属性都可以  图片  文字  触发方法

自己摸索，如果不对，谢谢大家前来留言指导。