|
Post by account_disabled on Jan 4, 2024 0:19:47 GMT -5
喜欢将所有自定义方法与生命周期方法分开。你也应该。 让我们声明复制 请注意,方法内部,我们已将一条消息记录到控制台 - 但控制台在哪里?抓紧。 确保选择了模拟器窗口并按。从弹出的菜单中,选择“在 Chrome 中调试”。这将打开一个新选项卡。在同一选项卡中,转到开发工具 。在控制台中,您将看到消息“将获取壁纸”。 控制台中记录的消息。 控制台中记录的消息。 暂时保持调试器打开。在新选项卡中访itlist 。您应该看到整个视口充满了 JSON 数组。数组中的每个元素都是一个 JavaScript 对象,保存单个壁纸的数据。这是我们将过滤并从中抓取随机壁纸的数据。 让我们首先做fetchWallsJSON的不仅仅是将消息记录到控制台。并选择启用实。 时重新加载来启用实时重新加载。通过启用实时重新加载,您不必在每次更改代码时刷新模拟器。只需在IDE中保存,模拟器就会自动刷新。如果您以前曾在 Xcode 或 Android Studio 中开发过应用程序,您会发现此功能特别令人惊奇,因为您不必在每次进行更改时点 Whatsapp 号码列表 击“运行”按钮并重新编译应用程序。这些小细节让 React Native 更具吸引力。 刷新时,等待几秒钟后,您应该在控制台中看到以下输出: 检索到控制台中记录的数据。 检索到控制台中记录的数据。 很好,现在我们可以从 API 获取壁纸的 JSON 数据了。您可能已经注意到,在将数据记录到控制台之前有一点延迟。这是因为在后台从服务器下载数据,这需要时间。 这看起来是添加加载屏幕的最佳时机。 3 添加加载屏幕 在本节结束时,我们将在下载 JSON 。 数据时显示加载屏幕。 首先,删除SplashWall类render方法内部的所有内容并添加以下代码行:更好的界面设计:登录、菜单、切换和其他精美模块 7 分钟阅读 用户体验、 用户界面、 交互设计 在Twitter、 LinkedIn上分享 科西玛·米尔克 关于作者 Cosima 自 2013 年起一直担任 SmashingMag 的编辑。每当她不为每周的Smashing Newsletter撰写文章时,她可能正在撰写…… 有关 Cosima 的更多信息 ↬ 电子邮件通讯 你的邮件 关于前端和用户体验的每周提示。 受到超过 200,000 人的信赖。 通过我们关于前端和设计的友好会议在线提高您的技能。 智能界面设计模式,9 小时视频课程 通过我们关于前端和设计的友好会议在线提高您的技能。 SmashingConf 纽约 2024 通过我们友好的前端和设计在线研讨会在。
|
|