分类导航

程序问答发布时间：2022-06-02 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了有没有办法通过反应导航在单独的 js 文件中有条件地处理常量？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决有没有办法通过反应导航在单独的 js 文件中有条件地处理常量？？

开发过程中遇到有没有办法通过反应导航在单独的 js 文件中有条件地处理常量？的问题如何解决？下面主要结合日常开发的经验，给出你关于有没有办法通过反应导航在单独的 js 文件中有条件地处理常量？的解决方法建议，希望对你解决有没有办法通过反应导航在单独的 js 文件中有条件地处理常量？有所启发或帮助；

我的 React Native 应用中有以下内容：

Hub.Js：

export default class Hub extends Component {
    static navigationoptions = {
        header: null
    };

    constructor(props){
        super(props);

        this.state = {
        }
    }

    render() {
        return (
            <VIEw style={{flex: 1}}>
                        <touchabLeopacity
                        onPress={() => this.props.navigation.navigate("links")}
                        >
                            <Text>link #1</Text>
                        </touchabLeopacity>
                        <touchabLeopacity
                        onPress={() => this.props.navigation.navigate("links")}>
                            <Text>link #2</Text>
                        </touchabLeopacity>
                    </VIEw>
            </VIEw>
        )
    }
}

webvIEwsFolder/links.Js：

export default function links() {

    const links = ['https://www.youtube.com/','https://www.Google.com/'];

    return <WebVIEw source={{ uri: links[0] }} />;
}

我想设置我的应用程序，以便点击 link #1 按钮会导致 links.Js 返回 youtube（又名链接 [0]），而点击 link #2 按钮会导致 { {1}} 返回谷歌（链接[1]）。我该怎么做？

解决方法

您可以随导航一起传递参数

this.props.navigation.navigate("Links",{site:"Youtube"})

或

this.props.navigation.navigate("Links",{site:"Google"})

在 Links.js 中

export default function Links({routE}) {

    const link = route.params.site==='Google'?'https://www.google.com/':'https://www.youtube.com/';

    return <WebView source={{ uri: link }} />;
}

您可以有一个开关，甚至可以直接从其他组件传递 url 并在链接组件中使用它。