Привет, ребята, я только начал изучать React native redux. Я просто использую функцию экспорта-соединения для использования response redux ... до этого я использовал свой навигатор как export default cart = createstacknavigator....
, но теперь я не могу отобразить заголовок в классе
Это не работает, и этот метод может кто-нибудь сказать мне, как я могу сделать экранные маршруты и заголовок в моем собственном приложении реагировать
import {
connect
} from 'react-redux';
import {
counterDecrement,
} from './actions'
class Cart extends React.Component {
static navigationOptions = {
title: "CART"
}
constructor(props) {
super(props);
this.state = {
dataSource:[],isLoading : true,refreshing: false,
};}
render() {
if (this.state.isLoading == true) {
return (
<View style={{flex: 1, justifyContent:'center'}}>
<ActivityIndicator size="large" color="#4f9cdf"/>
</View>
);
}
return (
<ScrollView>
<View style={{padding:7,width:(Dimensions.get('window').width)}}>
</View>
</ScrollView>
);
}
}
function mapStateToProps(state) {
return {
counts:state
}
}
export default connect(mapStateToProps, {counterDecrement})(Cart);
мой заголовок и маршрутизатор
const Cart = createStackNavigator({
Cart :{
screen:Cart,
navigationOptions: ({navigation}) => ({
headerTitle:
<Text style={{ textAlign:'center',fontFamily:'circe-bold',fontSize:width / 18,color:'white'}}>CART</Text>
,
headerStyle: {
backgroundColor: '#4f9cdf'
},
})
},
Delivery:{
screen:Delivery,
navigationOptions: ({navigation}) => ({
header:null
})
},
},
{
transitionConfig: getSlideFromRightTransition,
},
);