изменить цвет активного элемента при возвращении домой NavigationDrawer - PullRequest
Новая
       17

изменить цвет активного элемента при возвращении домой NavigationDrawer

0 голосов
/ 07 февраля 2020

У меня есть пользовательский навигационный ящик, в котором есть два элемента, каждый из которых является стековым навигатором. Навигационное меню работает хорошо и окрашивает нужный элемент. Проблема в том, что когда я нахожусь в стеке 2 и go вернулся с виртуальной кнопкой android, он возвращается к исходному или начальному маршруту, но активным элементом по-прежнему является стек 2.

изображение android страницы 

                this.items.map((item, key) => (
                  <TouchableOpacity 
                  //si la ruta está activa, se sombreará de un color; sino, de otro color
                    style={{flexDirection: 'row', paddingTop: 10, paddingBottom: 10, borderBottomLeftRadius:25, borderTopLeftRadius:25,
                            backgroundColor: this.state.currentScreen === item.screenToNavigate ? '#d32c2621' : '#ffffff', }}  
                    key={key}
                    ////metodo para abrir la ruta seleccionada y cerrar el menu lateral
                    onPress={() => { this.state.currentScreen = item.screenToNavigate; this.props.navigation.navigate(item.screenToNavigate); this.props.navigation.closeDrawer()}
                    }>

                      <View style={styles.viewIcon}>
                          <Icon name={item.navOptionThumb} size={28} color={this.state.currentScreen === item.screenToNavigate ? '#D32C26' : '#6d6d6d'} />
                      </View>
                      <Text  style={{ fontFamily:'arial', fontSize: 15, color: this.state.currentScreen === item.screenToNavigate ? '#D32C26' : '#6d6d6d', 
                                      textAlignVertical:'center'}}>
                            {item.navOptionName}
                      </Text>
                  </TouchableOpacity>
                ))
...