Javascript 如何从函数react native打开组件 this.props.navigation.navigate（'AddCustomer'）}> +

我想使用on-press功能打开一个组件，但是当我使用这个.props.navigation.navigate（'AddCustomer'）时，没有得到响应

您可以查看我的代码（）

我是新来的

---

您能帮助我吗？

AddCustomer

屏幕不是导航器的一部分。您创建了一个

StackNavigator

并将其添加到

App

组件中，但您没有在应用程序中的任何位置使用该应用程序组件

我不确定您想要创建什么样的导航，但有一个选项是创建如下内容。将与客户相关的所有屏幕添加到

StackNavigator

，并将该导航器作为屏幕添加到

选项卡navigator

 <View style = {styles.container}>
           <TouchableOpacity style={styles.btn}
             onPress={() => this.props.navigation.navigate('AddCustomer') }>
             <Text style={styles.plus}>+</Text>
           </TouchableOpacity>
       </View>
     </List>

export const CustomerStack=createStackNavigator(
{
顾客：{
屏幕：客户，
},
地址客户：{
屏幕：添加客户
}
}
);
导出默认CreateBoottomTabNavigator({
仪表板：{
// ...
},
顾客：{
屏幕：CustomerStack，
导航选项：{
tabBarLabel:“客户”，
tabBarIcon:（{tintColor}）=>(
)
}
},
发票：{
// ...
},
时间跟踪器：{
// ...
},
更多：{
// ...
}
},{
选项卡选项：{
// ...
}
})

PS:关于您的下一个问题，请创建并将其添加到您的问题中。深入研究一个项目并试图调试它是一件耗时的事情，这可能会导致您得不到答案

export const CustomerStack = createStackNavigator(
  {
    Customers:{
      screen:Customers,
    },
    AddCustomer:{
      screen:AddCustomers
    }

  }
);

export default createBottomTabNavigator({
  Dashboard:{
    // ...
  },
  Customers:{
    screen: CustomerStack,
    navigationOptions:{
      tabBarLabel:'Customers',
      tabBarIcon:({tintColor}) => (
        <Icon name ="ios-people-outline" color =
          {tintColor} size = {24} />
      )
    }
  },
  Invoice:{
    // ...
  },
  TimeTracker:{
    // ...
  },
  More:{
    // ...
  }
},{
  tabBarOptions:{
    // ...
  }
})