Настройка уникальной опции навигации для каждой вкладки в реагирующей навигационной вкладке - PullRequest
Новая
       30

Настройка уникальной опции навигации для каждой вкладки в реагирующей навигационной вкладке

0 голосов
/ 26 мая 2019

Я хочу передавать уникальные навигационные прама из каждой вкладки на страницу публикации. Я хочу передать целочисленное значение с каждой вкладкой на другую страницу, но это не работает для меня, и другие предложения по достижению этого также приветствуются. Если стили навигации и опции навигации по умолчанию работают, но если я размещаю навигацию для каждой отдельной вкладки, она не работает, как я заставлю ее работать. 

  {
    PersonalWall: {
      screen: PersonalWallComponent,
      navigationOptions: () => ({
        headerTitle: "BIIT Facebook",
        headerStyle: {
          backgroundColor: "yellow"
        },
        headerTitleStyle: {
          color: "white",
          textAlign: "center",
          flex: 1
        },
        headerRight: (
          <View style={{ marginRight: 10 }}>
            <TouchableOpacity
              activeOpacity={0.2}
              onPress={() => {
                navigation.navigate("PostScreen");
              }}
            >
              <Icon name="comments" style={{ fontSize: 20, color: "white" }} />
            </TouchableOpacity>
          </View>
        )
      }),
      tabBarPosition: "bottom",
      tabBarOptions: {
        showIcon: true,
        labelStyle: {
          fontSize: 10
        }
      }
      /* navigationOptions: {
        headerTitle: "BIIT Facebook",
        tabBarLabel: "Personal Wall",
        tabBarIcon: ({ tintColor }) => <Icon name="user" size={20} />
      }
      */
    },
    BIITWall: {
      screen: BIITWallComponent,
      navigationOptions: {
        tabBarLabel: "BIIT Wall",
        tabBarIcon: ({ tintColor }) => <Icon name="university" size={20} />
      }
    },
    TeacherMore: {
      screen: TeacherMore
    }
  },
  {
    /*
    navigationOptions: ({ navigation }) => ({
      headerTitle: "BIIT Facebook",
      headerStyle: {
        backgroundColor: "green"
      },
      headerTitleStyle: {
        color: "white",
        textAlign: "center",
        flex: 1
      },
      headerRight: (
        <View style={{ marginRight: 10 }}>
          <TouchableOpacity
            activeOpacity={0.2}
            onPress={() => {
              navigation.navigate("PostScreen");
            }}
          >
            <Icon name="comments" style={{ fontSize: 20, color: "white" }} />
          </TouchableOpacity>
        </View>
      )
    }),
    tabBarPosition: "bottom",
    tabBarOptions: {
      showIcon: true,
      labelStyle: {
        fontSize: 10
      }
    }*/
  }
);

const AppStackNavigatorStudent = createStackNavigator({
  TabNavigatorStudent: { screen: BottomTabNavigationTeacher }
}); ```
...