Одним из решений является определение нашего индивидуального компонента. Кроме того, мы могли бы использовать Redux для управления состоянием.
Выдержка из приложения, которое я создал:
//The navigation part
const MainDrawer=createDrawerNavigator({
MainNavigation,
K:KChartViewScreen
},{
contentComponent:CoinDrawer,
edgeWidth:-1 //to disable gesture from bound open the drawer in unexpected screen. but you could do some work to enable it and without problem, I just handle in an easy way.
});
Ниже приводится CoinDrawer:
class CoinDrawer extends React.Component{
renderMarkets(){
...
}
render(){
return (
<View>
<ScrollView>
<SafeAreaView style={styles.container} forceInset={{ top: 'always', horizontal: 'never' }}>
{this.renderMarkets()}
</SafeAreaView>
</ScrollView>
</View>
)
}
function mapStateToProps(state){
return {
config:state.config,
crypto:state.crypto,
trade:state.trade
}
}
export default connect(mapStateToProps,{SetCurrentMarket})(CoinDrawer);
Надеждаэто может вам помочь.