React Native: функция «вернуться назад»

Question

есть ли способ отключить функцию "goBack" в реагирующей навигации? в основном у меня есть страница (пример страницы A), где люди делают логин, а затем эта страница переходит на другую страницу (пример страницы B). я хочу отключить goBack со страницы B на страницу A.

export default class ChatDisponibili extends Component {
  static navigationOptions = {
    title: "CHAT DISPONIBILI",
    headerStyle: {
      backgroundColor: '#3498db',
    },
    headerTintColor: '#fff',
    headerTitleStyle: {
      fontWeight: 'bold',
    }
  };

  ........................

  render() {
    return (
      <View style={styles.container}>
        <ScrollView>
          <FlatList
            data={this.state.data}
            keyExtractor={(item, index) => index.toString()}
            renderItem={this._renderItem}
          />
        </ScrollView>
        <View style={styles.footer}>
          <Text style={styles.footerTesto}>FOOTER DA CAMBIARE</Text>
        </View>
      </View>
    );
  }
}

Answer 1

Отключение заголовка «none» - это просто способ отключить заголовок на вашей странице. Пользователь Android по-прежнему может нажимать кнопку возврата, чтобы вернуться назад Так что вам также нужно отключить родную кнопку Android.

import {  BackHandler } from 'react-native'
componentDidMount() {
        BackHandler.addEventListener('hardwareBackPress', () => {
            return true;
          });

    }

Это может получить доступ к вам кнопку назад Android. Для получения дополнительной информации об управлении кнопкой возврата Android, пожалуйста, посетите: https://facebook.github.io/react-native/docs/backhandler.html

Answer 2

В вашем коде вы можете добавить headerLeft

 static navigationOptions = {
    title: "CHAT DISPONIBILI",
    headerStyle: {
      backgroundColor: '#3498db',
    },
    headerTintColor: '#fff',
    headerTitleStyle: {
      fontWeight: 'bold',
    },
    headerLeft:()=>null
  };