React-native 第95页

react-native 手写板

importReact,{PureComponent,Component}from'react';import{StyleSheet,View,ART,Dimensions,PanResponder,}from'react-native

江湖人称_赫大侠·2019-12-17 04:33

react-native组件的拆分技巧

React组件具有很强的灵活性和功能性。在JS.COACH上有很多组件库可供使用，但随着时间的增长组件会变得非常臃肿。与任何其他类型的编程一样，遵守单一原则不仅使您的组件更易于维护，而且还可以实现更多的复用。但是，确定如何分离大型React组件的职责并不是很容易的。这里有三种技巧让你从简单到复杂的方式学会拆分组件。拆分render()这是使用最多的，也是最简单的方式：当组件呈现太多元素时，将这些元

挂着铃铛的兔·2019-12-17 04:01

跟我一起学React Native之环境搭建

这篇文章是“跟我一起学react-native”系列文章的第一篇。这系列文章会持续更新。想要跟我一起学习ReactNative的朋友可以关注我的微信公众号iOS进阶指南，或者订阅我的个人博客。

Mr_Zander·2019-12-17 01:24

【免费下载】Android Annotations 视频教程

江清清：一个创业者，Android技术大神，CSDN博客专家（http://blog.csdn.net/developer_jiangqq），React-Native牛人（http://www.lcode.org

我不是大婶·2019-12-16 23:44

ReactNative从零到完整项目-创建HelloWorld

项目连接：93Laer/MyDemo前言：webstorm开发RN的时候默认是不支持代码自动化提示的，所以下面给出解决连接，我这里就不多说了windows下webstorm开发react-native智能提示

laer_L·2019-12-16 22:13

React-native 自定义alertView 即拿即用

扁平化UI。Alert弹窗======================js文件==========================importReactfrom'react';importPropTypesfrom'prop-types';import{Text,View,Modal,Image,Dimensions,Platform,Keyboard,TouchableOpacity,TextI

挠叔·2019-12-16 20:53

ReactNative: 使用弹出框组件ActionSheetIOS组件

一、简介在上一篇文章中，详细介绍了对话框组件，除此之外，React-Native系统还给开发者提供了一个弹框框组件ActionSheetIOS组件，它的弹出方式与对框框不同，它是从底部弹出，与iOS系统提供的

XYQ全哥·2019-12-16 19:00

ReactNative: 使用对话框组件AlertIOS组件

React-Native在这一点上做的很好，给我们提供了一个原生的对话框，那就是AlertIOS，

XYQ全哥·2019-12-16 18:00

ReactNative: 使用AppReistry注册类

一、简介每一个应用程序的运行都有一个入口文件或者入口函数，例如iOS中的使用UIApplicationMain类完成入口函数的实现，在React-Native中，AppRegistry类就肩负着这个责任

XYQ全哥·2019-12-16 15:00

ReactNative封装自定义导航组件

router.toXXX(params);importReact,{Component}from'react';import{StyleSheet,PropTypes,View,Navigator}from'react-native

北城_Mr丶Q·2019-12-16 15:18

ReactNative: 使用网页组件WebView组件

React-Native中的WebView组件提供的功能基本满足需求，现在就让我们来研究一下。二、属性//HTML字符串。已过期，官方推荐使用source代替hml：PropT

XYQ全哥·2019-12-16 14:00

React-native 生成二维码扫描二维码组件

react-native生成二维码扫描二维码组件(react-native-qrcodereact-native-camera)一、生成二维码组件react-native-qrcode（该模块支持IOSAndroid

itxing·2019-12-16 12:26

React-native隐藏tabbar

项目中使用NavigatorIOS隐藏tabBar的方法找到RCTNavigator.m在-(void)navigationController:(UINavigationController)navigationControllerwillShowViewController:(__unusedUIViewController*)viewControlleranimated:(__unusedB

街角仰望·2019-12-16 11:15

React-native之仿异步获取网络数据（13）

一.简介应用中不可避免会请求到网络，原生android开发会使用handler机制，通过异步任务AsyncTask请求网络，React-native擅长界面处理,通过this.state来触发。

飞奔的小马·2019-12-16 10:25

RN WebView 简单的使用

importReact,{Component}from'react';import{Platform,StyleSheet,Text,View,WebView}from'react-native';varDEFAULT_URL

木子才·2019-12-16 07:48

react-native TextInput 使用

一个简单的例子：基本属性1.keyboardTypekeyboardType用于设置弹出软键盘的类型。它的取值为范围为：enum('default','email-address','numeric','phone-pad','ascii-capable','numbers-and-punctuation','url','number-pad','name-phone-pad','decimal-

埃米莉Emily·2019-12-16 07:07

React Native学习笔记-TextInput

例子这是一个简单的例子importReact,{Component}from'react';import{AppRegistry,StyleSheet,Text,View,Image,TextInput,}from'react-native

Lazy1·2019-12-16 05:39

设置状态栏背景色

查看官网文档API：StatusBarimportReact,{Component}from'react'import{View,StatusBar}from'react-native'exportdefaultclassInfoDetailextendsComponent

卡卡大神·2019-12-16 04:10

React Native实战系列第十四篇——购物车

留言主要内容是：希望能够推出比较综合的React-Native项目，Vue项目.....。

撩课_叶建华·2019-12-16 04:13

初次使用antd-mobile开发时踩的坑

一：开发移动页面时老是提示：react-native模块找不到。

代码写的像菜虚鲲·2019-12-16 04:37

React-Native Webview 和H5交互的两种方式

React-NativeWebView和H5交互有两种方式：方式1：RNWebview向H5注入JS此方式可作为Webview向H5端传递数据。RNWebview有以下属性，可以注入一段js，然后在相应的时间调用。injectedJavaScript设置js字符串，在网页加载之前注入的一段JS代码。类型必填string否思路：通过injectedJavaScript注入JS，在H5页面加载之后立即

_海角_·2019-12-16 01:33

tabbar+stackNavigator

react-native@flow*/importReact,{Component}from'react';import{AppRegistry,StyleSheet,Text,View,Button,}from'react-native

aofeilin·2019-12-16 00:38

react-native学习笔记之生命周期

刚开始接触RN时时一脸懵逼，由于之前没怎么搞过前端开发，所以看网上的例子和源码都是一头雾水。iOS中有viewDidLoad(初始化界面)、viewWillAppear(布局)、viewWillDisappear、viewDidAppear几个状态方便我们掌握程序的动向。一个ReactNative组件的生命周期分为实例化、存在期和销毁期，其中最常用的为实例化期，该时期即组件的构建、展示时期，需要开

继续向前冲·2019-12-16 00:35

CodePush热更新react-native link react-native-code-push遇到的问题

react-nativelinkreact-native-code-push为Android原生添加依赖之前创建的RN项目版本为0.43.1,在命令行执行react-nativelinkreact-native-code-push后出现这句话:Command`link`unrecognized.Makesurethatyouhaverun`npminstall`andthatyouareinsid

a2d699a00a89·2019-12-15 23:12

[ES6]react中使用es6语法

前言不论是React还是React-native，facebook官方都推荐使用ES6的语法，没在项目中使用过的话，突然转换过来会遇到一些问题，如果还没有时间系统的学习下ES6那么注意一些常见的写法暂时也就够用的

瘦人假噜噜·2019-12-15 22:25

阴阳师悬赏封印查询助手（3）

我的第一个上架APP的销量-20170903重读了一遍代码，决定继续和大家分享React-Native的实践，聊一下组件之间的通信，使用TextInput组件碰到的坑，和一些上架的体会。

封小胖·2019-12-15 20:38

React Native 倒计时组件

CountDown.jsimportReact,{Component}from'react';import{StyleSheet,View,Text,Image,ViewPropTypes}from'react-native

Loki_·2019-12-15 16:43

react-native 错误记录

Thefollowingcommandsproducedanalyzerissues:Analyze/Users/ofoer/Documents/code/test/Acc/node_modules/react-native

will___·2019-12-15 14:23

简年2：微信小程序的一个web实现（浏览器Chrome运行）

这几天常使用React-Native做一个小的app，练手。但遇到了很多困难。比如android很多组件不全的问题，全部需要git，npm去找，然后自己写本地模块。。。开发效率可以说是低爆了。

taiji1985·2019-12-15 12:46

RN学习

ReactNative构建FacebookF82016App/ReactNative开发指南http://f8-app.liaohuqiu.net/React-Native入门指南https://github.com

Perity·2019-12-15 12:34

NT 技术周刊-1021

React-Native渲染实现分析[原创]摘要�ReactNative与传统的HybirdApp最大区别就是抛开WebView，使用JSC+原生组件的方式进行渲染，那么整个App启动/渲染流程又是怎样的呢

imiller·2019-12-15 11:52

React-native 踩过的坑

FailuretocallAppRegistry.registerComponent1、首先确认你的index.ios.js文件中，有注册方法：AppRegistry.registerComponent('FacebookTabsExample',()=>FacebookTabsExample);2、确定你的Appdelegate.m文件中，获取到正确的index.ios.js文件3、如果上述条件

好好西河·2019-12-15 11:46

react-native - 自定义控件

MyButton.jsimportReact,{Component}from'react';import{Text,View,}from'react-native';varMyButton=React.createClass

GA_·2019-12-15 11:36

react-native run-ios “Could not find iPhone X simulator”

问题这个问题发生在旧的RN版本（0.57，0.58（)atrunOnSimulator(/Users/topbrids/rn_share_pro/appupdateDemo/node_modules/react-native

topbrids·2019-12-15 10:00

react-native使用react-native-swiper不显示问题

问题在使用swiper的时候，发现在安卓机下，如果用到了可滚动组件（如：FlatList,SectionList,ListView,ScrollView等），swiper无法正常显示。解决方法加个只调用一次的定时器constructor(props){super(props);this.state={swiperShow:false,};}componentDidMount(){//系统自带方法只

骑着猪的小哥哥·2019-12-15 08:14

React-Native 动画优化

而React-Native由于渲染模式的不同，无法使用CSS样式的方式优化。

SuperEVO·2019-12-15 08:39

Rn ListView实践

importReact,{Component}from'react';import{Platform,StyleSheet,Text,View,Image,ListView,TouchableOpacity}from'react-native

基本密码宋·2019-12-15 07:49

React-native中的弹窗提示组件

开发中遇到需要在网络请求错误的时候提供一个统一的界面,结合Redux和一个封装好的组件,很好处理.这个组件在iReading和reddit的app里面都使用过,使用比较简单直接参照ireading代码github:react-native-root-toast安装需要这个组件在./app/utils/ToastUtils.js文件中定义了方法import{Platform}from'react-n

smartphp·2019-12-15 05:57

react-native android 更新提示，获取权限，自动下载apk

import{AsyncStorage,FlatList,Image,StatusBar,TouchableOpacity,View,Dimensions,ToastAndroid,ActivityIndicator,Platform,ProgressBarAndroid,Text,PixelRatio,ImageBackground,BackHandler,NativeModules,Modal

OK2018·2019-12-15 04:01

react-native 在新版Xcode（10+）中运行出现的问题： node_modules/react-native/third-party/glog-0.3.4 , C compiler...

20181210更新：问题实质是缺少第三方库，查看官方解决办法在网上下了一个RN的demo，运行报错：～～～～/node_modules/react-native/third-party/glog-0.3.4

Lane_Feidor·2019-12-15 02:13

入坑React-Native（二）路由管理

路由管理需求从第一次接触react-native，我就在思考，和其他任何UI框架一样，app都需要路由管理，页面切换，导航组件等等。

四爷在此·2019-12-15 01:13

TypeScript- 泛型 React-native

TypeScript为JS带来了强类型特性,对于以前用OC这些强类型语言的小伙伴来说还是很熟悉,很习惯的,也很放心,要不然真的不知道自己传进去的参数到底是个啥玩意,特别是JS把函数直接当参数传入.但是同时有些函数处理逻辑完全一样,唯一不同的就是参数类型,这就要考虑到使用泛型(Generic),来实现代码的抽象和复用我们来看看具体事例一.函数用法1功能,与2的功能都是返回传入的参数,但是1很明显有警

喜欢那只汪·2019-12-14 23:17

React-Native与Weex调研

ReactNativestar72024(learnonce，runeverywhere)ReactNativeGithubReactNative文档文档完善，上手体验快社区活跃，坑基本都被踩过需要了解react-nativereactJsreduxiOSAndroidJSXreact-native可以实现从零开始开发一个跨平台的app安装配置很多依赖的工具，相对比较麻烦BSD+专利许可证（百度要

190CM·2019-12-14 22:18

react-native-router-flux使用技巧（API篇）

挂着铃铛的兔·2019-12-14 19:47

程序员的骄傲不是嘴炮上的互怼

React-Native牛逼，还是Weex牛逼有那么重要么？没有。——Tianyi.Ma记得以前我还经常参与前端社区的讨论，看些社区的文章。慢慢的我就不怎么看了，也不怎么参与讨论了。

马天翼_武大·2019-12-14 18:02

React-Native layout

Leftimage{flex-direction:row},Rightimage{flex-direction:column}reactnative宽度基于pt为单位，可以通过Dimensions来获取宽高，PixelRatio获取密度。基于flex的布局view默认宽度为100%水平居中用alignItems,垂直居中用justifyContent基于flex能够实现现有的网格系统需求，且网格能

JellyL·2019-12-14 17:19

ReactNative: 使用滚动视图ScrollView组件

在React-Native中，提供了可供滚动的视图组件ScrollView组件。

XYQ全哥·2019-12-14 15:00

React-Native技术错误集

1.React/Rctbundleurlprovider.hfilenotfound隔一个多月回来写RN在创建项目的时候遇到的问题，经过努力查找，我记录下来，以供避坑只用，以后遇到照此解决即可。后续的我会继续放上来左侧点击跟项目目录->选择右侧BuildSettings->选择All&Combined->搜索框输入AlwaysSearchUserPaths->将AlwaysSearchUserPa

默默的前行·2019-12-14 15:31

react-native集成Websocket,protobuf,redux-saga的实现

你将学到的知识1.1如何创建一个react-native项目，react-native项目工程目录搭建。1.2如何集成redux。1.3如何集成redux-saga。1.4如何使用websocket。

sun_xiao_fan·2019-12-14 14:29

React-native之View（4）

一.简介作为创建UI时最基础的组件，View是一个支持Flexbox布局、样式、一些触摸处理、和一些无障碍功能的容器，并且它可以放到其它的视图里，也可以有任意多个任意类型的子视图。不论在什么平台上，View都会直接对应一个平台的原生视图，无论它是UIView、还是android.view.View。二.示例importReact,{AppRegistry,Component,StyleSheet,

飞奔的小马·2019-12-14 13:45

推荐频道

React-native