启用 GPS 后如何导航到屏幕？

Question

当用户启用 GPS 时，我想将其导航到 AuthScreen.js。我正在使用 react-native-navigation v1，但没有可以导航到简单屏幕的功能，只能推送和模态但我不想使用它。

也使用这个：react-native-android-location-services-dialog-box

这是我的代码：

    componentDidMount() {
this.gpsLocation();
}

gpsLocation = () => {
if (Platform.OS === 'android') {
  LocationServicesDialogBox.checkLocationServicesIsEnabled({
    message: "<h2>Use Location?</h2> \
    This app wants to change your device settings:<br/><br/>\
    Use GPS for location<br/><br/>",
    ok: "Yes",
    cancel: "No",
    style: {
      backgroundColor: '#4f6d7a',
      positiveButtonTextColor: '#000000',
      negativeButtonTextColor: '#000000'
    },
    enableHighAccuracy: true,
    showDialog: true,
    openLocationServices: true,
    preventOutSideTouch: true,
    preventBackClick: true,
    providerListener: true
  }).then(function(success) {
    console.log(success)
    // return <AuthScreen/>
  }).catch((error) => {
    console.log(error.message);
  });
  };

DeviceEventEmitter.addListener('locationProviderStatusChange', function(status) {
  console.log(status);
});
};

componentWillUnmount() {
  LocationServicesDialogBox.stopListener();
};

render() {
if(!this.state.nextScreen) {
  return (
    <View style={styles.container}>
    </View>
  );
} else {
  return <AuthScreen/>
}
};

Answer 1

如果您真的不想导航，可以使用 .then() 回调，您已经在其中记录了 success 参数。根据doc，success是一个对象，结构如下：

{ 
    alreadyEnabled: false, 
    enabled: true, 
    status: "enabled"
}

您只需要检查success.enabled 是否为true，如果是，请致电setState({ nextScreen : true });

编辑：这是代码，根据要求：

// MyView.js
componentDidMount()
{
    this.checkOrRequestLocationPermission();
}

checkOrRequestLocationPermission()
{
    if (Platform.OS === 'android')
    {
        LocationServicesDialogBox.checkLocationServicesIsEnabled({
            // Your config
            // ...
        })
        .then(result => {
            if (result.enabled)
            {
                this.setState({
                    nextScreen : true
                });
            }

            // The above could be replaced by this
            // this.setState({
            //     nextScreen : result.enabled
            // });
        })
        .catch(error => {
            console.warn('Error requesting location permission ' + error);
        });
    }
}

render() {
    if(!this.state.nextScreen) {
        return (
            <View style={styles.container} />
        );
    } 

    else {
        return <AuthScreen/>
    }
};