Невозможно установить заголовок и маршруты в реагировать родной - PullRequest
0 голосов
/ 15 октября 2018

Привет, ребята, я только начал изучать 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,
  },

);
...