Реагировать на собственные параметры заголовка навигации - PullRequest
Новая
       27

Реагировать на собственные параметры заголовка навигации

0 голосов
/ 07 ноября 2019

Я пытаюсь передать параметр заголовку React Native Navigation. Установка параметра через prop.navigation.setParams ({title: 'title'}) также пробовала использовать this.props. По-прежнему не работает.

В конце концов, я хочу установить заголовок для вызова из избыточного состояния на странице.

Вот фрагмент моего кода прямо сейчас. 

const EditScreen = (props) => {

   useEffect(() => {
       props.navigation.setParams({title: 'title'})
   })

return (
       <KeyboardAvoidingView
           enabled={true}
           style={styles.avoidingView}
           keyboardVerticalOffset={90}
           behavior={'padding'}
       >
           <ScrollView style={styles.screen}>
               <View>
                   //CODE OUTPUT HERE
               </View>
           </ScrollView>
       </KeyboardAvoidingView>
   );
};


EditScreen.navigationOptions = navData => {
   return {
       headerTitle: navData.navigation.getParam('title'),
       headerLeft: (
           <HeaderButtons HeaderButtonComponent={CustomHeaderButton}>
               <Item
                   title={'Menu'}
                   iconName={Platform.OS === 'android' ? 'md-menu' : 'ios-menu'}
                   onPress={() => {
                       navData.navigation.toggleDrawer();
                   }}
               />
           </HeaderButtons>
       ),
       headerRight: (
           <View style={styles.avatarContainer}>
               <TouchableOpacity onPress={() => {
                   navData.navigation.navigate({
                       routeName: 'ProfileScreen',
                       params: {
                           userName: 'DummyUser',
                       }})
               }}>
                   <CustomAvatarImage
                       source={require('../../../assets/avatar/avatar.jpg')}
                   />
               </TouchableOpacity>
           </View>
       ),
   }
};
...