导航屏幕后如何从远程URL加载数据



我已经创建了一个具有React Native的应用程序。该应用包含3个屏幕和1个菜单。

屏幕1:主页(目录列表:用户信息,照片,会员日期等)屏幕2:用户详细信息(点击时,用户屏幕加载并显示了电影用户已经有)屏幕3:搜索用户

菜单从左到右打开。

我在不使用导航的情况下对此进行了编码,但是现在我想添加导航。但是,当我对此进行编码时,我使用了一个重新处理所有URL请求的根组件并显示正确的屏幕。例如,当应用首次启动时,它会加载房屋屏幕并使用this.setState({ page: 'home', loading: true }),在render()下,我检查this.state.page以获取要显示的屏幕。有2个SETSTATE(首先是提出请求之前,其次是提出请求之后)。第一次致电后,我显示页面,但当然没有加载数据,只会看到设计。在请求返回一些数据后,Render()再次运行,但是这次使用数据。

如何将其移至导航?我的意思是我找不到方法。我不想弄乱代码,以前从未使用过导航。我不想显示任何标签栏或顶栏。我只想做这个处理新闻。标签栏和顶栏不是我设计的一部分。

您应该在componentDidMount()中获取数据。这是文档。

对于emxemple,当您切换到页面用户详细信息时,组件将安装。首先,您将loading在您的状态下为True。在componentDidMount()中,您调用您的功能以获取数据。收到数据后,将loading设置为false,并显示您的信息。

最新更新