代码之家 › 专栏 › 技术社区 › Sambulo Senda

从本地导航中删除元素

react-native-navigation react-navigation react-native-android react-native reactjs

0

Sambulo Senda · 技术社区 · 5 年前

 <Stack.Screen
    name="ChatRoom"
    component={ChatRoomScreen}
    options={({route}) => ({
    
      title: route.params.name, 
      
      headerRight: () => (
        <View 
        style={{
          flexDirection: "row",
          width: 100,
          justifyContent: "space-between",
          marginRight: 10,
        }}
      >
     
          <MaterialIcons name="call" size={22} color={'white'} />
          <FontAwesome5 name="video" size={22} color={'white'} />
          <MaterialCommunityIcons name="dots-vertical" size={22} color={'white'}/>
        </View>
      )
    })}
  />

0 回复 | 直到 5 年前

1

Wen W 5 年前

我发现他有时行为古怪。但首先,你可以试试这个:

headerBackTitle: ' ',

如果这使返回箭头丢失,可以手动添加,如下所示:

headerBackImage: ()=> (<Icon name='chevron-left' color='#FFFFF' onPress={()=>{ navigation.goBack();}} />),

您还需要确保您的选项具有如下导航:

options={({route, navigation}) => ({

注意:我使用的图标来自react native元素。

2

0

hakkikonu 5 年前

你需要

headerBackTitleVisible: false,

将此添加到 options 喜欢

options={{
...
headerBackTitleVisible: false,
}}

证明: https://reactnavigation.org/docs/stack-navigator/#headerbacktitlevisible