📅  最后修改于: 2020-12-08 06:09:28        🧑  作者: Mango

在本章中，我们将了解React Native中的导航。步骤1：安装路由器首先，我们需要安装Router。我们将在本章中使用React Native Router Flux。您可以在终端的项目文件夹中运行以下命令。步骤2：整个申请由于我们希望路由器处理整个应用程序，因此我们将其添加到index.ios.js中。对于Android，您可以在index.android.js中执行相同的操作。App.js...

📅  最后修改于: 2020-12-08 06:09:45        🧑  作者: Mango

如果您想在IOS模拟器中测试您的应用程序，则只需在终端中打开应用程序的根文件夹并运行-上面的命令将启动模拟器并运行该应用程序。我们还可以指定我们要使用的设备。在模拟器中打开应用程序后，您可以在IOS上按Command + D打开开发人员菜单。您可以在我们的调试章节中查看更多有关此内容的信息。您还可以通过按命令＆plus;重新加载IOS模拟器。 R上。...

📅  最后修改于: 2020-12-08 06:10:01        🧑  作者: Mango

通过在终端中运行以下代码，我们可以在Android平台上运行React Native应用。您必须先在“开发人员选项”中启用USB调试，然后才能在Android设备上运行您的应用。启用USB调试后，您可以插入设备并运行上面给出的代码段。本机Android模拟器运行缓慢。我们建议下载Genymotion以测试您的应用程序。可以通过按命令＆plus;来访问开发人员菜单。 M．...

📅  最后修改于: 2020-12-08 06:10:22        🧑  作者: Mango

视图是React Native中最常见的元素。您可以将其视为与Web开发中使用的div元素等效。用例现在让我们看一些常见的用例。当需要将元素包装在容器内时，可以将“视图”用作容器元素。当您想在父元素中嵌套更多元素时，父子元素都可以是View。它可以有任意多个孩子。当您要设置不同元素的样式时，可以将它们放置在View中，因为它支持样式属性，flexbox等。View还支持合成触摸事件，该事件可用于不...

📅  最后修改于: 2020-12-08 06:10:39        🧑  作者: Mango

在本章中，我们将学习如何使用WebView。当您要内联呈现网页到移动应用程序时使用。使用WebViewHomeContainer将是一个容器组件。App.js让我们在src / components / home文件夹内创建一个名为WebViewExample.js的新文件。web_view_example.js上面的程序将生成以下输出。<!--<img src="/react_native/im...

📅  最后修改于: 2020-12-08 06:11:02        🧑  作者: Mango

在本章中，我们将向您展示如何在React Native中使用模式组件。现在让我们创建一个新文件：ModalExample.js我们将逻辑放入ModalExample。我们可以通过运行toggleModal更新初始状态。通过运行toggleModal更新初始状态后，我们将visible属性设置为模态。状态更改时，该道具将更新。Android设备需要onRequestClose。App.jsmodal...

📅  最后修改于: 2020-12-08 06:11:23        🧑  作者: Mango

在本章中，我们将向您展示如何在React Native中使用活动指示器。步骤1：应用程式应用程序组件将用于导入和显示我们的ActivityIndicator。App.js步骤2：ActivityIndicatorExampleAnimating属性是一个布尔值，用于显示活动指示器。组件安装后六秒关闭。这是使用closeActivityIndicator()函数的。activity_indicato...

📅  最后修改于: 2020-12-08 06:11:44        🧑  作者: Mango

在本章中，我们将创建带有两个可用选项的简单Picker。步骤1：建立档案在这里，App.js文件夹将用作演示组件。App.js步骤2：逻辑this.state.user用于选择器控制。选择用户时将触发updateUser函数。PickerExample.js<!--<img src="/react_native/images/react-native-picker.jpg" alt="React ...

📅  最后修改于: 2020-12-08 06:12:03        🧑  作者: Mango

在本章中，我们将向您展示如何在React Native中控制状态栏的外观。状态栏易于使用，您只需设置属性即可对其进行更改。hidden属性可用于隐藏状态栏。在我们的示例中，将其设置为false。这是默认值。barStyle可以具有三个值-暗含量，亮含量和默认值。该组件具有其他可以使用的属性。其中一些特定于Android或IOS。您可以在官方文档中进行检查。App.js如果我们运行该应用程序，状态栏...

📅  最后修改于: 2020-12-08 06:12:30        🧑  作者: Mango

在本章中，我们将分两步说明Switch组件。步骤1：建立档案我们将使用HomeContainer组件进行逻辑处理，但是我们需要创建表示性组件。现在让我们创建一个新文件：SwitchExample.js。步骤2：逻辑我们正在从状态和函数中传递值，以将切换项切换到SwitchExample组件。切换功能将用于更新状态。App.js步骤3：简报开关组件需要两个道具。用户按下开关后，onValueChan...

📅  最后修改于: 2020-12-08 06:13:10        🧑  作者: Mango

在本章中，我们将讨论React Native中的Text组件。该组件可以嵌套，并且可以继承父级到子级的属性。这在许多方面都很有用。我们将向您展示大写首字母，样式化单词或部分文本等的示例。步骤1：建立档案我们将要创建的文件是text_example.js步骤2：App.js在此步骤中，我们将只创建一个简单的容器。App.js步骤3：输入文字在这一步中，我们将使用继承模式。styles.text将应用...

📅  最后修改于: 2020-12-08 06:13:30        🧑  作者: Mango

在本章中，我们将了解如何创建自定义警报组件。步骤1：App.js步骤2：alert_example.js我们将创建一个用于触发showAlert函数的按钮。<!-- <img src="/react_native/images/react-native-alert.jpg" alt="React Native Alert" />-->输出当您单击按钮时，您将看到以下内容-...

📅  最后修改于: 2020-12-08 06:13:59        🧑  作者: Mango

在本章中，我们将向您展示如何使用Geolocation。步骤1：App.js步骤2：地理位置我们将从设置初始状态开始，以保持初始位置和最后位置。现在，我们需要使用navigator.geolocation.getCurrentPosition来安装组件时获取设备的当前位置。我们将对响应进行字符串化，以便我们更新状态。navigator.geolocation.watchPosition用于跟踪用户...

📅  最后修改于: 2020-12-08 06:14:20        🧑  作者: Mango

在本章中，我们将向您展示如何使用AsyncStorage持久化数据。步骤1：简报在此步骤中，我们将创建App.js文件。步骤2：逻辑初始状态下的名称为空字符串。装入组件后，我们将从持久性存储中对其进行更新。setName将从我们的输入字段中获取文本，使用AsyncStorage保存并更新状态。async_storage_example.js运行应用程序时，可以通过在输入字段中键入来更新文本。<!-...

📅  最后修改于: 2020-12-08 06:14:43        🧑  作者: Mango

以下资源包含有关React Native的其他信息。请使用它们来获得有关此方面的更深入的知识。React Native上的有用链接React Native–React Native网站参考关于React Native的有用书籍要在此页面上注册您的网站，请发送电子邮件至...