在本章中，我们将向您展示如何使用地理定位。 Method Description getCurrentPosition() 它使用最新的位置信息调用一次成功回调。 watchPosition() 每当位置更改时，它都会调用成功回调。它返回一个watchId（数字）。 clearWatch() 清除watchPosition（）的watchId。 stopObserving() 它停止观察设备位置更改，并删除以前注册的所有侦听器。 setRNConfiguration() 它设置配置选项，该选项将在所有位置请求中使用。 requestAuthorization...
在本章中，我们将向您展示如何在ReactNative中使用模式组件，现在让我们创建一个新文件:ModalExample.js，我们将逻辑放在ModalExample中，我们可以通过运行toggleModal来更新初始状态。 通过运行toggleModal更新初始状态后，我们将visible属性设置为模态，onRequestClose对于Android设备是必需的。 App.js importReact,{Component}from'react' importWebViewExamplefrom'./modal_example.js' constHome=()=>{ return...
如果您想在IOS模拟器中测试您的应用程序，则只需在终端中打开应用程序的根文件夹并运行 react-nativerun-ios 上面的命令将启动模拟器并运行该应用程序。 我们还可以指定我们要使用的设备。 react-nativerun-ios--simulator"iPhone5s 在模拟器中打开应用程序后，可以在IOS上按command+D打开开发人员菜单。您可以在我们的调试一章中详细了解此内容。 您还可以通过按Command+R重新加载IOS模拟器。 参考链接 https://www.learnfk.com/react-native/react-native-running-ios....
在本章中，我们将了解如何创建自定义Alert组件。 步骤1App.js代码 importReactfrom'react' importAlertExamplefrom'./alert_example.js' constApp=()=>{ return( <AlertExample/> ) } exportdefaultApp 步骤2alert_example.js代码 我们将创建一个用于触发showAlert函数的按钮。 importReactfrom'react' import{Alert,Text,TouchableOpacity,StyleSheet}from'...
在本章中，我们将了解ReactNative中的导航。 步骤1安装路由 首先，我们需要安装Router路由，我们将在本章中使用ReactNativeRouterFlux，您可以在终端的项目文件夹中运行以下命令。 npmireact-native-router-flux--save 步骤2应用代码 由于我们希望Router处理整个应用程序，因此我们将其添加到index.ios.js中，对于Android，您可以在index.android.js中执行相同的操作。 App.js importReact,{Component}from'react'; import{AppRegistry,Vie...
来自饿了么RN大神开源的reading项目 已经完成Android和iOS双适配。 绝对是一个产品级的开源项目 并且作者还在持续的更新。 https://github.com/attentiveness/reading 然后顺便推荐一个仿饿了么的项目 https://github.com/stoneWeb/elm-react-native
您需要安装几件事来为ReactNative设置环境。我们将使用OSX作为构建平台。 步骤1安装create-react-native-app 在系统中成功安装NodeJS和NPM之后，您可以继续安装create-react-native-app(全局显示如下)。 C:\Users\Learnfk>npminstall-gcreate-react-native-app 步骤2创建项目 浏览所需的文件夹并创建一个新的reactnative项目，如下所示。 C:\Users\Learnfk>cdDesktop C:\Users\Learnfk\Desktop>create-r...
Reactnative提供了两种方法来帮助调试代码。 在AppDeveloper菜单中 您可以通过按command+D在IOS模拟器上打开开发人员菜单。 在Android模拟器上，您需要按command+M。 Reload - 用于重新加载模拟器。您可以使用快捷键命令+R DebugJSRemotely - 用于在浏览器开发人员控制...