React-Native

react-native屏幕适配文本间距适配(七)

react-native屏幕适配文本间距适配reactnative提供了一个类似于手机web端的媒体查询API模块PixelRatio,同时也提供了一个Dimensions原生API，可以利用这两个API
Museions·2020-07-31 20:16

关于react路由以及路由嵌套和vue中路由嵌套的区别

中内置没有路由模块，我们使用第三方库来使用路由（react-router）这个react-router有三种形式使用在pc端的react-router还有在web上使用的react-router-dom以及在react-native
mengweizhao·2020-07-31 20:27

React Native 入门之hello word教程

本文将会介绍react-native的入门级开发---helloworld！首先，ReactNative是什么？ReactNative允许你仅仅使用JavaSc
寒潇2018·2020-07-31 20:20

react-native 学习指南

本指南汇集React-Native各类学习资源，给大家提供便利。指南正在不断的更新，大家有好的资源欢迎PullRequests！
钟光燕·2020-07-31 19:32

《React-Native系列》30、 RN组件间通信

今天我们来说一说RN的组件之间的通信。ReactNative的核心之一是他的组件化，组件化的核心是组件之间的通信。组件是有层级来区分的，譬如：父组件子组件。我们先来讲解一个例子。这个是我们要实现的功能，是一个表单的一部分，首先我们想到的是抽象组件。组件有2种状态选中状态，显示后面的课时未选中状态，不显示后面的课时组件的代码如下：importReact,{Component}from'react';
coder_小刀·2020-07-31 18:46

windows下安装react-native环境--采坑之旅

第一次在windows上面安装react-native真的很坑，找了很多个网站，最后一步一步走下来，去掉中间繁琐又没有营养的过程，总结一下经验。
驚鴻入梦·2020-07-31 17:34

【React-Native】集成微信官方安卓端SDK，实现微信登录、发送/分享小程序消息等功能

github地址：https://github.com/afresh/react-native-wechat-android网上已有成熟的第三方插件react-native-wechat（以下简称RNW），本项目是由该插件源码移植过来的，并在原插件基础上实现导入官方SDK和发送小程序消息的功能。本项目基于android端移植开发，有兴趣的同学可自行探索ios端移植。目录准备工作接入SDK阅读微信A
Afresh_Kedou·2020-07-31 16:35

RN入门练习Demo

/***SampleReactNativeApp*https://github.com/facebook/react-native*@flow*/importReact,{Component}from'react
JoXu·2020-07-31 16:21

react-native

626Star5,989Fork1,611reactnativecn/react-native-guideCodeIssues2Pullrequests0Projects0WikiPulseGraphsReactNative指南汇集了各类react-native
扬帆起航友创·2020-07-31 15:28

React-Native 设置自定义字体

1043684-1bed2a11f4a03a68.jpeg开发产品中为了达到人类的审美,会在产品中加入大量字体.Step1在项目根目录创建文件夹assets/fonts.字体位置.jpegStep2在根目录的Package.json配置字体"rnpm":{"assets":["./assets/fonts/"]}Step3react-nativelinkAndroid不需要在进行copy字体.ch
一天清晨·2020-07-31 15:38

ReactNative踩坑系列--构建失败

BUILDFAILED**Thefollowingcommandsproducedanalyzerissues:Analyze/Users/lcz/workspace/APP/temp/node_modules/react-native
a534214117·2020-07-31 15:16

React-Native系列Android——Native与Javascript通信原理（一）

React-Native最核心的是Native与Javascript之间的通信，而且是双向通信，Native层到Javascript层，Javascript层到Native层，虽说是两个方向，但实现上大同小异
MegatronKing·2020-07-31 14:51

React-Native系列Android——Touch事件原理及状态效果

Native原生相比于Hybrid或H5最大优点是具有流畅和复杂的交互效果，触摸事件便是其中重要一项，包括点击（Click）、长按（LongClick）、手势（gesture）等。以最简单常见的点击（Click）为例，Native组件可以自定义selector，使得被点击的组件具有动态效果，Android5.0以上甚至可以有涟漪效果（MaterialDesign）。而这些在Hybrid或H5中很难
MegatronKing·2020-07-31 14:51

React-Native系列Android——SoLoader加载动态链接库

在Android平台下React-Native项目大量使用了动态链接库，即JNI技术，作为Java和Javascript两种程序语言之间的通信桥梁。
MegatronKing·2020-07-31 14:51

React-Native学习记录:Component生命周期

componentWillMount执行一次，在初始化render()之前执行，如果在这个方法内调用setState，render()知道state发生变化，并且只执行一次。render()渲染，调用此方法时，首先检查this.props和this.state返回一个子元素，子元素可以是DOM组件或者其他自定义复合控件的虚拟实现componentDidMount在初始化render之后只执行一次，
考槃在涧·2020-07-31 14:00

「React Native」调用原生打电话

二、依赖react-native库提供Linking调用打开原生的功能。
七月流火_9405·2020-07-31 13:26

iOS客户端React-Native增量更新实践

市场上现存方案：微软的CodePush以及React-Native中文网的Pushy，大家可根据公司实际情况酌情选择。处于安全性的考虑，公司禁止向第三方平台上传源码相关文件，所以要自己动手实现。
wf_breeze·2020-07-31 10:00

iOS 实现react-native预加载，优化第一次加载白屏问题

项目中存在多个react-native页面入口，每个入口使用以下方法初始化：-(instancetype)initWithBundleURL:(NSURL*)bundleURLmoduleName:(NSString
wf_breeze·2020-07-31 10:00

使用react-native bundle制作离线包

公司项目以离线包的方式使用react-native开发。相关命令：react-nativebundle--entry-fileindex.ios.js--bundle-output.
wf_breeze·2020-07-31 10:00

react-native —— tabNavigator去掉阴影

官网上没看到，网上资料也是张三抄官网，李四抄张三的，偶尔看到一个tabBarShadowStyle,原来是这样:tabBarShadowStyle={{elevation:0,//androidshadowOffset:{width:0,height:0},//ios(w和h对应box-shadowxy偏移)shadowColor:'black',shadowOpacity:0,//透明度shad
天堂的乌鸦·2020-07-30 23:27

React Native 超长列表优化方案

在使用React-Native构建APP的过程中难免要使用到FlatList。如果你的列表超级长，并且还包含图片，你可能会遇到下面的问题：滑动白屏，快速滑动会遇到相当频繁的白屏情况。
蔚1·2020-07-30 20:04

react-native的性能

react-native的性能英文原文地址：http://facebook.github.io/react-native/docs/performance.html使用reactnative代替webview
剑荡浮尘·2020-07-30 20:09

react-native中生成二维码和分享图片

在react-native中展示二维码是一个非常麻烦的过程。最好的方法莫过于原生支持画二维码。但是这有一个副作用，需要在原生中添加新的代码。对于不打算很快升级的项目是一个很通过的选择。
疯狂紫萧·2020-07-30 19:51

React Native ListView实现购物车功能

import{AppRegistry,StyleSheet,Text,View,Content,TouchableOpacity,ListView,TextInput}from'react-native
wangjiawei·2020-07-30 19:53

React-Native之仿携程App首页布局

转载请标明出处:http://blog.csdn.net/hai_qing_xu_kong/article/details/72793846本文出自：【顾林海的博客】前言本篇介绍React-Native
IT界的吉祥物·2020-07-30 19:06

react-native-dva-starter: 集成 dva 和 react-navigation 典型应用场景的 React Native 实例

前言本教程是使用create-react-native-app创建基于dva,react-native,antd的react-navigation综合案例相关的react-navigation的配置请参考
静夜秋雨·2020-07-30 18:01

hybrid app初体验，和react-native一起飞

第一次启动了react-native的示例，今天主要把其中遇到的坑与解决的办法分享给大家。如有疏漏、错误还望指正。
拿饭盒当烟灰缸·2020-07-30 16:32

react-native 启动页设置（ios）

使用第三方插件：react-native-splash-screen下载地址：https://www.npmjs.com/package/react-native-splash-screen第一步：安装下载插件1、npmireact-native-splash-screen--save2、react-nativelinkreact-native-splash-screen//自动链接了，就不用手动
今天不想加油鸭～·2020-07-30 16:26

React-Native学习笔记：FlatList从网络获取数据

React-Native从网络获取数据，刷新FlatList因为从网络获取数据是会改变的，所以首先要有一个state来存储需要改变的数据：（前面说到的在constructor中来初始化state）。
考槃在涧·2020-07-30 15:19

native、ionic和react-native优劣势对比

转载地址：http://www.ionic.wang/article-index-id-69.htmlIONIC目前最有潜力的一款HTML5手机应用开发框架。通过SASS构建应用程序，它提供了很多UI组件来帮助开发者开发强大的应用。它使用JavaScriptMVVM框架和AngularJS来增强应用。提供数据的双向绑定，使用它成为Web和移动开发者的共同选择。Ionic是一个专注于用WEB开发技术
喵呜Yuri·2020-07-30 14:30

【报错问题】使用 react-native-image-picker 报错Caused by org.gradle.api.internal.artifa

目录：版本说明报错内容解决办法一、版本说明本机系统：Macreact:"16.8.3"react-native:"0.59.9"react-native-image-picker:"0.27.0"node
窩窩頭·2020-07-30 10:40

【样式问题】react native Android 键盘将底部导航栏/按钮顶起

目录：版本说明问题解决办法一、版本说明"react":"16.8.3","react-native":"0.59.9",二、问题描述如下2.1、比如，当输入框中输入信息时，键盘会把底部导航栏顶起，就会很丑啊
窩窩頭·2020-07-30 10:40

react native 实现本地相册、拍照、显示上传的图片、上传图片文件(react-native-image-picker)

将照片上传到服务器；将选择的照片，展示出来（注意点：展示时，需要使用本地路径，而不是服务器地址）；具体步骤1.安装中间件react-native-image-picker版本："react":"16.8.3","react-native
窩窩頭·2020-07-30 10:40

react-native初学者积累的经验

写在前面1.react-native更新频率快，很多时候遇到的问题百度上之前的解决方案并不能解决问题2.开发环境的配置稍微麻烦些，但是官方文档上写得很详细，跟着一步一步做不会有问题3.很多第三方组件不能及时更新，兼容最新版本或者高版本的rn，有的第三方组件需要修改配置文件，android文件下有不同层级的同名文件，修改时需注意一、练习项目这是一个自己初步学习制作的一个小项目，主要是使用react-
吉帅振·2020-07-30 09:15

react-native 弹幕

建立三条弹道建立三条弹道，用于随机显示弹幕animation主要就是用animation动画方面：使用绝对定位，和left属性，从400到-666（这个是我随便取的）这样动画移动就会从右到左来random每次接收到新的消息，需要随机的展示在弹幕当中将之前的弹幕数据写成一个大的数组。比如我写的barrage:[["包子","要","减肥肥"],["包子","要","减肥肥"],["吃得好撑","护航
爱吃土豆丝杉杉·2020-07-30 06:48

React native 禁止字体跟随系统字体大小缩放

打开React-native项目中android文件=>进入到app目录>src>main>java>包名>MainActivity.java文件中头文件中加入importandroid.content.res.Configuration
潇潇洛雨·2020-07-30 06:19

React Native TouchableOpacity 封装 防止快速点击 多次响应

importReact,{Component}from"react";import{TouchableOpacity,View}from"react-native";classButtonextendsReact.Component
潇潇洛雨·2020-07-30 06:19

react-native 自带的 webview 替换为 react-native-webview 遇到的问题

简单介绍下react-native-webview替换react-native自带的webview的过程中遇到的问题。
潇潇洛雨·2020-07-30 06:19

技术文章收录

算法:数据结构与算法系列目录十大排序算法,带动图八大排序算法iOS开发之静态库（三）——图片、界面xib等资源文件封装到.a静态库React-Native:React-Native开发（三）在Android
Mark_Guan·2020-07-30 05:13

React Native_手把手教你做项目(二.视频列表页布局&Mock虚拟数据)

ListView布局list.js文件importReact,{Component}from'react';import{Platform,StyleSheet,Text,View,ListView,}from'react-native
十二指环·2020-07-30 05:04

react native踩坑——Unrecognized font family 'Material Icons'

"react":"16.9.0","react-native":"0.61.5",在使用react-native-vector-icons遇到的错误在info.plist插入以下代码UIAppFontsAntDesign.ttfEntypo.ttfEvilIcons.ttfFeather.ttfFontAwesome.ttfFontAwesome5
优雅的王德奥·2020-07-30 04:52

ReactNative之组件回调函数的绑定

组件回调函数的绑定：importReactfrom'react';import{StyleSheet,Text,View,Dimensions,TextInput,}from'react-native'
|刘钊|·2020-07-30 04:09

React-Redux学习文档v1

参考链接：Redux中文文档Redux入门教程-阮一峰看漫画，学Redux在react-native中使用redux[ReactNative]Redux的基本使用方式Redux管理复杂应用数据逻辑目录应用场景使用的三原则单一数据源状态是只读的通过纯函数修改
SnowAnna·2020-07-30 03:27

前端工作两年多的回顾

技术栈主要有vue,react-native,以后可能会到angular(新公司在用),reactweb。首先我不是大佬，我只是爱学习，爱钻研技术。
weixin_33965305·2020-07-30 03:14

redux在react-native上使用(二)--加入redux-saga

在上一篇redux在react-native上使用(一)--加入redux已成功把redux添加到项目,现在再把redux-saga添加进来.这篇redux在react-native上使用(三)--加入
weixin_33795833·2020-07-30 03:02

react-native (零)

废话不多说，你真的要抛开以前做原生的经验用react-native来做app了么？
洪都拉斯的春天·2020-07-30 01:52

在react-native中使用redux

redux是什么?redux是一个用于管理js应用状态的容器。redux出现时间并不是很长，在它出现之前也有类似功能的模块出现，诸如flux等等。redux设计的理念很简单，似乎最初这个开发团队就有让redux可以方便融入在server,browser,mobileclient端的打算。目前在github上redux-*的第三方中间件、插件越来越多。如果react项目中想使用redux，那么就有r
thinkingw770s·2020-07-30 00:20

React-native单元测试框架-Jest

Jest安装使用命令npminstalljest-cli--save-dev来安装Jest命令行:localhost:[email protected]_modules/jest-cli├──[email protected]├──[email protected]├──[email protected].
Q博士·2020-07-29 21:18

React-native Cannot find module 'invariant' at Function.Module._resolveFilename (module.js:337:15)

最近在研究React-native，在配置好所有的环境后创建项目运行react-nativeinitxxxx一直出错，错误如下：module.js:339throwerr;^Error:Cannotfindmodule'invariant'atFunction.Module
Gavinwead-wei·2020-07-29 21:32

react-native init的时候出现问题:npm WARN [email protected] requires a peer of react@~15.3.1 but none was

react-nativeinit的时候出现问题:报错信息[email protected]@~15.3.1butnonewasinstalled.解决方案：方法一：npminstall-savereact@~15.3.1方法二：在package.json中可以添加依赖"dependencies":{"react":"^15.3.2","re
sjaljlajslkf·2020-07-29 21:04
上一页 50 51 52 53 54 55 56 57 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他