我制作了一个平面列表的屏幕,显示一堆医生信息(姓名,位置,图片),当我点击医生视图时,它会导航到他的个人资料。目前,配置文件屏幕只是空白,但我想传递参数,这样我就可以在不重新调用 api 的情况下显示它们。这是平面列表所在的研究屏幕的代码:
render(){
return (
<View style={styles.main_container}>
<FlatList
data={this.state.dataSource}
keyExtractor={item=> item.id.toString()}
renderItem= {({item})=> <MedItem Med={item} />} />
</View>
);
}
我创建了一个组件自定义 med 项目来设计我的平面列表://Meditem.js
class MedItem extends React.Component {
render(){
const Med = this.props.Med
return (
<View style={styles.main_container} >
<View style={styles.ctr1}>
<TouchableOpacity onPress={()=>NavigationService.navigate('MedProfil')}>
<Image style={styles.img} source={require('../assets/Title.jpg')} />
</TouchableOpacity>
<TouchableOpacity onPress={()=>NavigationService.navigate('MedProfil')}>
<Text style={styles.txt}> {Med.name} </Text>
<Text style={{flexWrap:'wrap'}} > {Med.specialite} </Text>
<Text> {Med.work} </Text>
</TouchableOpacity>
</View>
<View style={styles.ctr2}>
<Text style={{textAlign:'center',marginBottom:5}}>Disponibilité</Text>
<Calendar/>
</View>
</View>
);
}
}
最后这是我的医生简介屏幕:
export default class MedProfilScreen extends React.Component {
render(){
return(
<View>
<Text>{Med.name}</Text>
<Button title='Prendre rendez-vous' onPress={()=>{}} />
</View>
);
}
}
有人可以帮我做这个。谢谢
通过这样的导航发送数据
this.props.navigation.navigate("MedProfil",
{
name:Med.name
})
在 MedProfil Screen 中获取数据
const name=this.props.navigation.getParam("name")
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句