Question

我正在通过react-native-web从react-native应用程序构建Web应用程序。在react-native应用程序中，我有：标签栏包含2个堆栈导航：

主页：包含屏幕A，屏幕B。
用户：包含屏幕C 我成功地从react-native应用程序构建了Web应用程序。它可以导航到其他屏幕。

在屏幕A中，有一个按钮“测试”（导航至屏幕B）。对于react-native和react-native-web都可以。

但是当我在网络上进行测试时，请按“测试”按钮导航至屏幕B，即屏幕B的网址：http://localhost:3000（与屏幕A相同的网址）。

我可以指定屏幕B的网址（例如：http://localhost:3000/screenB）。

//file App.js
import {createStackNavigator, createBottomTabNavigator} from 'react-native';

const HomeStack = createdStackNavigator({
    screenA: {screen: screenA},
    screenB: {screen: screenB}
});
const UserStack = createStackNavigator({
    screenC: {screen: screenC}
});

const Tabbar = createBottomTabNavigator({
    home1: HomeStack,
    user1: UserStack
});

class App extends Component{
    constructor(props){
        super(props);
    }
    render(){
        return (
            <Tabbar/>
        );
    }
}

class ScreenA extends Component{
    constructor(props){
        super(props);
    }

    render(){
        return (
            <View>
                <TouchableOpacity onPress={()=> {
                    this.props.navigation.navigate('screenB');
                }}><Text>Test</Text></TouchableOpacity>
            </View>
            );
    }
}

我希望用户在浏览器（http://localhost:3000/screenB）的地址栏中输入url时，它将导航到screenB。请帮我解决我的问题。非常感谢。

在react-native-web构建中使用react-navigation从react-native和support路由

0 个答案: