|
Post by account_disabled on Jan 3, 2024 23:42:20 GMT -5
么我认为您应该考虑使用 React Native。 认识移动界面的触摸设计,Steven Hoober 的全新移动设计指南,具有经过验证的、通用的、以人为本的指南。400 页,充满了深入的用户研究和最佳实践。 跳转至目录 ↬ 功能面板 反应概述 React 被其创建者描述为“用于构建用户界面的 JavaScript 库”,它专注于应用程序的视图部分。更具体地说,这意味着在编写 React Native 应用程序时,您的视图代码将包括编写 React 组件,这些组件是一些小代码片段,根据某些输入数据集描述应用程序的一部分应该如何显示。让我们看一个可用于显示简单按钮的小示例组件。(为了清楚起见,我省略了样式。)该Button组件有两个输入数据:onPress,这是按下按钮。 时的回调函数;和text,这是按钮内显示的字符串。您看到的函数返回的类似 XML 的结构称为renderJSX,它是 React 函数调用的语法糖。和TouchableOpacity是TextReact Native 中包含的现有组件。现在该Button组件已创建,可以在整个应用程序中多次使用它,并具有一致的 Whatsapp 号码列表 行为和样式。 虽然这是一个简单的示例,但它演示了如何逐步构建 React 应用程序。继续以这种方式,您可以创建代表不断增加的抽象层的组件。例如,您可以创建一个ButtonGroup包含多个连接按钮的组件。在此基础上,您可以编写代表整个屏幕的组件。即使您的应用程序变得越来越大,组件在每个级别上仍保持可理解和可管理的大小。 真正的本土 大多数使用 JavaScript 构建的移动应用程序都使用Cordova或构建在其之上的框架,例如流行的Ionic或Sencha Touch。使用 Cordova,您可以调用本机 API,但应。 用程序的大部分内容将是 WebView 内的 HTML 和 JavaScript。虽然您可以近似本机组件 - 并且当然可以使用 HTML 和 JS 构建出色的 UI - 没有 Cordova 应用程序能够与真正的本机应用程序的外观和感觉相匹配。滚动加速、键盘行为和导航等小事情加在一起,当客户的行为不符合预期时,可能会给他们带来令人沮丧的体验。 尽管您仍然使用 React Native 编写 JavaScript,但您定义的组件最终将呈现为本机平台小部件。如果您熟悉 Web 版 React,您会感到宾至如归。如果您用 Java 或 Objective-C 编写过应用程序,您将立即认出许多 React Native 组件。 React 最初在网络上推出时的最佳功能是使应用程序的视图层成为纯粹的状。
|
|