React-native

listView缓存策略导致的ListItem进入的页面不能及时销毁

项目以来包版本react:15.4.2;react-native:0.42;react-native-router-flux:3.38.0。
MacXin·2020-02-09 19:25

React-native之Navigator（6）

一.简介使用导航器可以让你在应用的不同场景（页面）间进行切换。导航器通过路由对象来分辨不同的场景。利用renderScene方法，导航栏可以根据指定的路由来渲染场景。可以通过configureScene属性获取指定路由对象的配置信息，从而改变场景的动画或者手势。二.使用示例classNavigatorDemoextendsComponent{render(){//let主要用于声明变量letdef
飞奔的小马·2020-02-09 18:51

2019-02-22 iOS自动打包脚本（绝对不用xcode打开做任何操作）

导致这篇文章看起来挺恶心的，我在2019-03-14iOS自动打包脚本ProvisioningStyle字段（对之前文章的补充）对这篇文进行了分解，建议先看分解的文章，本篇是完整代码介绍一下，脚本使用背景，很多做react-native
太阳的小号·2020-02-09 15:26

使用react-native开发十二生肖区块链宠物app

又要安卓端，又要iOS端，实在有些困难，于是只能还是靠react-native来完成任务了。
许武顺·2020-02-09 15:52

React Native(单选实现,2017-09-05)

gifimportReact,{Component}from"react";import{Button,StyleSheet,Text,View,Image,TouchableOpacity}from"react-native
苹果雪梨渣·2020-02-09 15:07

React-Native 从放弃到捡起

环境搭建配置环境http://reactnative.cn/docs/0.41/getting-started.html安装webStorm下载地址https://confluence.jetbrains.com/display/WI/Previous+WebStorm+ReleasesLicenseserver激活地址http://idea.imsxm.com/中文包http://downloa
洪哥·2020-02-09 13:23

react-native启动流程（android端）

一、前言好吧，其实就是想看看rn在android上是怎么启动的，因为我是个android攻城师，出于对新技术的追求（公司项目需要），我开始了我的rn之旅。我想在搜索这篇文章的你应该也是一个对android有一定基础的同学，也该有一定的基础，这样你才能看下去，若是没有，我不建议你继续阅读下去（那是浪费时间）。二、分析前的场景介绍为了更好的（没有干扰）的分析启动流程，我们新建一个空白的rn项目，通过r
T_Y_H·2020-02-09 12:28

React-Native Mac下安卓证书签名打包

1.打开终端执行命令keytool-genkey-v-keystoremy-pad-release-key.keystore-aliasmy-pad-key-alias-keyalgRSA-keysize2048-validity10000其中my-pad-key-alias为别名，这个需要记录下来，以后会用到。2.按照提示输入相关内容image.png3.将生成的keystore文件复制一份到项
乘务员·2020-02-09 11:09

React-Native - 使用AppState获取App运行状态（以及监听状态改变事件）

有时我们需要知道应用当前的运行状态，这样我们可以根据不同的状态进行相应的操作。ReactNative提供了AppState来告知我们App当前的状态：激活（前台运行中）、还是后台运行。甚至可以通知我们状态的改变。下面分别对这两种情况进行介绍。1，主动获取当前应用状态我们可以使用AppState.currentState来获取应用的状态，返回值如下：active：前台运行中background：后台
大灰狼的小绵羊哥哥·2020-02-09 09:47

react-native android-错误记录

1、react-nativerun-android出现FAILURE:Buildfailedwithanexception.细看是这样Whatwentwrong:Executionfailedfortask':app:installDebug'.com.android.builder.testing.api.DeviceException:Noconnecteddevices!重点是这句话：Noc
江湖人称_赫大侠·2020-02-09 05:33

【学习】react-native运行原理

1、RN里面有个JS运行环境，类似于浏览器一样可以解析运行js代码，然后维持一个DOM模型；跟浏览器不同的是，渲染界面的使用native界面来实现的；2、提供一套接口扩展机制，模块扩展自定义在js自定义功能，组件扩展：编写自定义的react组件；JS调用JAVA:nativeModulesjs通过require('NativeModules')获取native模块，然后直接调用native公开的方
自始而一·2020-02-09 04:11

react-native问题集锦

1.升级react-native或者react时，比如中途取消了或者其他原因。再次启动iOS工程时，会报错：double-conversionthird-party文件的一些问题，路径没权限什么的。
koreadragon·2020-02-09 03:03

ReactNative→Image布局

运行结果图片/***SampleReactNativeApp*https://github.com/facebook/react-native*@flow*/importReact,{Component
动感超人丶·2020-02-09 01:34

【React Native】DeviceEventEmitter监听通知及带参数传值

1、基本语法(1)接收通知格式import{DeviceEventEmitter}from'react-native';...componentDidMount(){//收到监听this.listener
零零圈圈·2020-02-08 22:00

【React Native代码】手写验证码倒计时组件

Component,PropTypes}from'react';import{AppRegistry,StyleSheet,Text,View,TextInput,TouchableOpacity}from'react-native
·2020-02-08 22:00

【React Native代码】手写验证码倒计时组件

Component,PropTypes}from'react';import{AppRegistry,StyleSheet,Text,View,TextInput,TouchableOpacity}from'react-native
零零圈圈·2020-02-08 22:00

react-native 发布/订阅事件总线EventBus 使用

前言学过Android的同学应该都用过的一个框架->EventBus.在我们需要的地方设置一个监听,在另外一段代码中,我们只要发送一个Event,则监听中的代码就会立即执行.能很大程度上解耦代码.我们都知道react-native
immutable·2020-02-08 21:39

React Native-自定义组件之Slider

一、背景最近在进行原生模块改造RN的时候需要用到一个定制的可拖动进度条，但发现react-native自带的Slider仅仅是在iOS平台上支持，所以决定自己来定制一个。
寻找密码·2020-02-08 18:11

React Native项目 - 设置·首页·导航条布局

from'react';import{AppRegistry,StyleSheet,Text,View,TouchableOpacity,TextInput,Image,Platform,AlertIOS,}from'react-native
黄晓坚·2020-02-08 13:47

React-Native之Android(6.0及以上)权限申请

下面是完整的.js拷过去就可以用了import{PermissionsAndroid,ToastAndroid}from'react-native';/*//使用步骤_checkPermission=async
有腹肌的豌豆_216a·2020-02-08 13:49

react-native json文件的加载和数据的展示

显示的效果如下图：效果图步骤1:将图片放入ios的图片管理文件夹中图1步骤2:创建一个json文件模拟数据图3步骤3:定义一个函数返回每个子组件图4代码如下exportdefaultclassRN3extendsComponent{render(){return({/*返回6个视图*/}{this.renderAllHero()});}//返回所有的英雄renderAllHero(){//定义数组
那个谁_5207·2020-02-08 13:57

react-native 的e2e测试——detox简介

e2e测试的作用？提高信心只测试happypath,快速反馈业务流是否正确的什么是detox?一个在mobileapp上的端到端的自动化测试框架安装和在CI上部署官方文档写的很详细，一步步跟着走，顺顺利利的。。。好处：灰盒测试，可以通过TestID，Text，label等定位元素，代码的侵入性比较小官方的文档写的很详细，容易上手测试用例很直观awaitelement(by.id('ButtonA'
星期六1111·2020-02-08 13:07

react-native android多输入框需连续点击才能调起软键盘

查看是否textinput组件在scrollView组件中，如果在，尝试以下属性设置：keyboardDismissModeenum('none',"interactive",'on-drag')用户拖拽滚动视图的时候，是否要隐藏软键盘。none（默认值），拖拽时不隐藏软键盘。on-drag当拖拽开始的时候隐藏软键盘。interactive软键盘伴随拖拽操作同步地消失，并且如果往上滑动会恢复键盘。
世见DeanWong·2020-02-08 12:47

React-Native的 第三方登录-苹果登录

现在如果使用了第三方登录,那么iOS这边就必须要添加苹果登录,否则......你无法上架算是新规吧,各大公司也都添加了苹果登录了.RN怎么做呢?下面带你玩转RN的苹果登录首先你要去你的开发者网站把这个东西打开开发者网站->Certificates->Identifiersimage.png项目里把他选出来image.png可以去我的GitHub[https://github.com/JonsonH
HT_Jonson·2020-02-08 11:07

Web从业者开发的第一个App

一.前言React-Native(以下简称RN)技术出来已经许久，虽在一两前接触过，但始终没有自己走完这一套流程。最近自己从0到1开发打包除了一个Demo，更贴近了这门技术。
CodingDangerous·2020-02-08 09:10

react-native 基础：react-native-router-flux 的使用[意译]

react-native基础：react-native-router-flux的使用这篇文章主要说明react-native-router-flux的实际使用了。
小阳撒·2020-02-08 05:04

使用阿里矢量图

版本信息"@types/react":"^16.9.9","@types/react-native":"^0.60.21","@types/react-native-vector-icons":"^6.4.4
迪拉达桑·2020-02-08 04:20

react native ios 真机调试

RCTWebSocketExecutor.m文件修改localhost为react-native的server的ip------本机ip地址（确保手机能连到本机春地址）image.pngiOS项目加载资源包为远程资源
will666·2020-02-08 02:13

react-native 规范代码Eslint

简介ESLint是由NicholasC.Zakas编写的一个可扩展、每条规则独立、不内置编码风格、可自定义规则为理念的Lint工具。在团队协作中，为避免低级错误的产生和统一代码的风格，会预先制定编码规范。使用Lint工具和代码风格检测工具，则可以辅助编码规范执行，有效控制代码质量。EsLint帮助我们检查Javascript编程时的语法错误。比如：在Javascript应用中，你很难找到你漏泄的变
oc123·2020-02-07 11:49

React-native初窥(关于leetcode试题想法)

早就听说React-native大名，一直未去尝试。近期由于项目调研需要，想拿原生和react-nativeapp进行比较。
胡图仙人·2020-02-07 08:37

[react-native]failed to find build tools revision 23.0.1

原因：AndroidSDKBuild-Tools23.0.1没有正确安装解决方法：方法一：用AndroidStudio安装AndroidSDKBuild-Tools23.0.1（我安装后AndroidStudio提示安装成功了但是D:\Android\sdk\build-tools下没有23.0.1文件夹so直接采用第二种简单粗暴的方法）方法二：直接从其他人电脑里面复制已安装好的23.0.1到D:
Sm1les·2020-02-07 08:42

如何使用react-native开发一个模仿vpay的app

于是就选择了react-native来开发跨平台app。1.获取vpay的素材。如果做出来的app要跟vpay一模一样
许武顺·2020-02-07 07:27

React-Native学习之路(12) - 用FlatList实现留言板评论功能 +（解决键盘跳出，顶出tabNavigator的问题）

(1)知识点：(1)concat()：用于连接两个或多个数组，返回一个新的数组。varitem=[{avatar1:"http://dummyimage.com/200x200/f2c779)",date1:"1994-04-20",key:"120000199"+i+"31207725X",name1:"CynthiaPerez",content1:this.state.content}].co
woow_wu7·2020-02-07 06:26

React-Native iOS源码阅读纪录

http://www.cocoachina.com/programmer/20170505/19189.html一.RN初始化过程React-Native本身是通过iOS提供的JavaScriptCore
sidiWang·2020-02-07 04:31

react-native-community 错误

errorFailedtoinstalltheapp.MakesureyouhavetheAndroiddevelopmentenvironmentsetup:[https://facebook.github.io/react-native
迪拉达桑·2020-02-07 02:35

React-Native 注意事项讲解

React常用方法初始化生命周期组件间传值布局和function相关ScrollView内容没显示?外层是否有包裹,如果有外层包裹样式上要有个高度,如果是最外层包裹,可以直接Flex:1,同时ScrollView也设置样式flex:1外层没有包裹的话,直接给ScollView设置高度两个ScrollView嵌套两个可以滚动的页面嵌套,在移动端是只能执行一个的,所以只能是外部的ScrollView竖
有情怀的程序猿·2020-02-07 01:29

react-native webview android 上的坑

最近在做一个rn的项目，里面要生成分析图表，试过网上几个开源的rnchart组件发现都不好用，后来自己就用webview嵌了一段动态生成的基于g2的chart。代码再ios上效果挺好的，但是放在android上死活没有效果。经过不断删代码的二分法调试之后发现问题出在分号上，这是最近第二次被分号坑。其实js不是并不需要分号，而是js引擎会自动把分号加上。一般判断加分号的逻辑是，该处为换行且语句结束处
Boatlet·2020-02-06 16:25

初次尝试使用typescript开发react-native

typescript是javascript的超集，在javascript的基础上添加了可选的静态类型，非常适合团队开，这次我们尝试使用typescript来开发react-native应用。
何蒙其实很好·2020-02-06 15:04

React Native Open Source Update June 2019

ReactNativeOpenSourceUpdateJune2019](http://facebook.github.io/react-native/blog/2019/06/12/react-native-open-source-update
乘务员·2020-02-06 10:48

react-native 获取设备网络适配器MAC地址(react-native-device-info)

ReactNativeiOS和Android的设备信息，比如["获取应用程序名称"，"获取设备的电池电量为浮点数，介于0和1之间"，"获取网络适配器MAC地址"]等各种设备信息，可以利用react-native-device-info来实现。react-native-device-infoGitHub官方文档1.安装npminstall--savereact-native-device-infoo
零零七的程序员·2020-02-06 06:18

搭建typescript环境的步骤

首先你电脑确保已经配置好react-native的环境，能够运行普通的RN项目。现在我们一步一步在RN的基础上来搭建typescript的环境。
何蒙其实很好·2020-02-06 06:30

属于 Unity 的 Flutter——UIWidgets

相对于原生开发的高开发成本（不同平台都需要不同的一套代码），Flutter、React-Native等这种跨平台UI框架应运而生。Flutter自2018年3月发布以来，社区不断壮大。
锐心凌志·2020-02-06 05:12

React-Native 常用插件汇总

之前有个项目学习了react-native，js社区从来不缺好用的第三方插件。如果项目允许的话，使用合适的插件绝对如虎添翼。
Even_Cyw·2020-02-06 05:03

ReactNative的ListView简述

usestrict';varReact=require('react-native');var{AppRegistry,}=React;varListViewM
SpikeKing·2020-02-06 03:00

原有iOS项目嵌入React-Native流程以及可能出现的问题

原有的iOS项目需要嵌入RN，然后就是各种搭环境按照中文网的流程走基本不会有问题，下面就介绍下步骤，理想情况下走完就可以跑通了一、嵌入流程项目的目录结构先把项目的结构说下'index.js':这个是项目的入口文件，是必须要创建的。在0.49版本之前文件名是index.ios.js文件，之后的话与安卓共用一个入口文件'app.js':这个文件是我需要在index.js文件中需要用到的，非必须'pac
phzean·2020-02-05 23:04

React-Native之HelloWorld

React-Native简介ReactNative(简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，
Coder_Answer·2020-02-05 23:59

React-Native 获取组件的宽度和高度

react-native获取组件的尺寸有两种方式第一种方式使用元素自身的onLayout属性去获取，但是这种方式有一个局限性，就是只有在初次渲染的时候才会触发这个函数，而且此种方法获取的是组件相对于父组件的位置坐标
大灰狼的小绵羊哥哥·2020-02-05 23:43

react native FlatList 显示 fetch 网络访问得到的数据

fetch参考地址http://reactnative.cn/docs/0.51/network.htmlreturnfetch('https://facebook.github.io/react-native
苍天霸气诀·2020-02-05 22:44

虚拟 DOM 到底是什么？

虚拟DOM（VirtualDOM）这个概念相信大家都不陌生，从React到Vue，虚拟DOM为这两个框架都带来了跨平台的能力（React-Native和Weex）。
末日铁拳·2020-02-05 20:00

基于react-native微头条（安卓）

启动后台npmstart如果你安装了nodemon也可以使用npmtest来启动项目二.android端（react-native）hot_news_rn是react-native文件
echozzh·2020-02-05 18:27
上一页 83 84 85 86 87 88 89 90 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他