Навигация по реакции: Экран не доступен после модального (ПРАВКА: это ошибка)

#javascript #reactjs #react-native #react-native-navigation

Вопрос:

Я использую прозрачный модальный, но всякий раз, когда я выхожу из модального (независимо от того, возвращаюсь ли я назад или на другую страницу) Я больше не могу ни на что нажимать на экране. Это происходит только тогда, когда я устанавливаю presentation: 'transparentModal' .

Сначала я подумал, что это ошибка, но я не могу найти других людей с этой проблемой, так что, наверное, я делаю что-то не так. Ты видишь какую-нибудь глупость, которую я упускаю из виду?

Экран навигатора:

 <Screen
  name="Modal"
  component={Modal}
  options={{
    headerShown: false,
    cardStyle: {backgroundColor: 'rgba(0, 0, 0, 0.15)'},
    cardOverlayEnabled: true,
    presentation: 'transparentModal',
  }}
/>
 

Компонент:

 const Modal = ({navigation}) => {
  return (
    <View style={styles.container}>
      <Button title="go back" onPress={() => navigation.goBack()} />
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    maxHeight: (height * 2) / 3,
    backgroundColor: '#30444E',
    borderRadius: 16,
    marginHorizontal: 24,
    marginTop: height * 0.1,
    padding: 24,
  },
});
 

ПРАВКА: Неважно, я, по-видимому, слепой. Похоже, это проблема с библиотекой, я просто не посмотрел должным образом. Но, кроме того, если у кого-то есть разумный обходной путь, я был бы признателен за ваш вклад.

Ответ №1:

Надеюсь, у тебя все хорошо.

Вы можете использовать https://www.npmjs.com/package/react-native-modal за это.