weixin_37166398的博客

对于我们移动端开发，尤其是安卓开发来说，手机权限的动态获取是几乎每个APP必备的。下面记录一下，在react native 中如何实现。首先介绍一下，在react native中，对于权限的操作，需要用到一个组件就是PermissionAndroid。具体实现场景如下：权限的获取，放在首页。在首页进行一次统一的check与request。 //获取所需的权限 requestPermissions = async () => { try {

应用场景：使用的开发工具为 vscode ,windows 环境。遇见的问题是：react native 的调试过程中，通过node.js 显示运行的结果，与打印出来的数据内容。但是在显示的数据内容会有一个问题，如上图所示：会出现数据显示为object 的情况，非常不利于调试。感谢我的小伙伴儿，给我安利的这个插件。这个插件的使用效果，就会显示你所有的网络请求，并且会显示出来相应的返回数据，与相应的请求相关内容等。效果如图所示。这样的话，看接口返回的数据就会比较方便一些。具体的

先上代码： return ( <TouchableHighlight underlayColor={'rgb(106,162,255)'} /* onPress={() => navigationHelper.push('AttendanceDetails', { time: this.props.item.clock_time })} */ onPress={() => this.goDetails(item)} &gt

开发场景是：一个考勤打卡模块。其中有一个考勤记录，考勤记录点击进去考勤详情，在考勤异常的情况下，显示补卡按钮；考勤正常的情况下，只显示考勤的详情。具体可以参考企业微信的考勤功能。因为是初学react native 所以就以此尝试封装控件。先上代码：import { NaviBar } from '../../../components';import React from 'react';import { StyleSheet, View, Text } from 'react-nativ

此文用于记录在出现导入插件运行时出现错误的时候，一个简单粗暴的坚决办法：Delete node_modules: rm -rf node_modules and run yarn install简单的说 就是把node_modules 删除，然后再重新 npm install对于某些时候 在导入插件的时候 是挺有效果的。...

前面两篇文章，主要讲了在使用控件的时候，需要注意的一些问题。本文主要讲一下，页面之间的跳转。因为我是刚开始搞react native 所以我采用的是React Navigation ：此处是我的项目配置 "dependencies": { "@react-native-community/masked-view": "^0.1.10", "@react-navigation/bottom-tabs": "^5.11.8", "@react-navigation/d...

接上文：记录一下其他页面。homescreen页面主要就是练习一下，创建文件还有布局，组件等。import { Button, StyleSheet, View,Text, TextInput, SafeAreaView, Alert } from "react-native"import { color } from "react-native-reanimated"import React from 'react';export default class HomeScreen exte.

先上效果图：这个项目主要就是初学 react native 用于熟悉这些组件。主要实现的效果如上图所示：1.页面的跳转的三种类型 2.布局还有相关组件的熟悉 3.修改入口页面1.关于入口文件的修改。一般情况下，默认的入口文件是app,js 如何修改，过程是这样的。第一步，创建我们所需要的的入口文件。我创建的是welcome.js到此为止，入口文件的设置已经完成。现在我按照自己的步骤来一个一个页面的记录。首先就是创建文件的过程：import * as React f..

1，记录一下，运行项目的过程 首先连接上模拟器或者真机，模拟器我上一篇文章已经有记录方法。此处就记录一下，真机连接的方法： 在cmd 命令行中 运行adb reverse tcp:8081 tcp:8081前提是要保证手机已经连接好，打开开发者模式，USB调试，安装等。接着通过vscode 打开项目，根据你编辑工具来选择。第三步：如果你是第一次运行的话，需要在项目的根目录 打开git bush 先运行 npm install 时间可能会比较久 接着就运行 ...

作为一个安卓开发，我昨天开始安装react native的环境，但是对于对网上down下来的项目，怎么运行，查看项目，还是有些懵逼的。我发现在网上找资料，不是很全面。作为一个小白，我自己比较希望一个比较小白式的文章，详细记录一下，所以记录一下这个过程，希望可以帮助和我一样的小伙伴儿。首先：1.先打开模拟器，要连接到模拟器。以我Windows的环境，逍遥模拟器为例子：第二步：找到项目文件，打开git bush ,输入 yarn android这就是一个比较全面的完整的运行的过程。.

第一次安装使用react native