React-native

一 搭建React-Native环境

React-Native入门指南github:https://github.com/vczero/react-native-lessionhttp://reactnative.cn/docs/0.42/
郝赫·2021-06-26 17:57

React-Native快速实现自定义下拉刷新不用MJRefresh

React-Native快速实现自定义下拉刷新不用MJRefresh，发现MJRefresh已经是3年前的代码了。而且集成后，总报错。而且跟工程里已有的MJRefresh又有冲突的问题。
GeniusWong·2021-06-26 13:58

React-Native环境配置记录

准备在公司项目上使用RN，自己配置了一遍，做个记录在Mac环境下，1.InstallHomebrewhttp://brew.sh网站下通过以下命令安装ruby-e"$(curl-fsSLhttps://raw.githubusercontent.com/Homebrew/install/master/install)"安装成功后会提示:==>Installationsuccessful!==>Ne
lchaoerl·2021-06-26 13:35

React-native 读取md 文件

putyourfileinassetsfolderandthenfetchusingreact-native-fetch-blobpackageRNFetchBlob.fs.readStream(RNFetchBlob.fs.asset('test.md'),'utf8').then((stream)=>{letdata='';stream.open();stream.onData((chunk)
ziqiDev·2021-06-26 12:22

react-native集成热更新组件，ios端会被下架吗

现在react-native集成react-native-code-push热更新组件，iOS端会被下架吗？2017年6月苹果不是全面禁止app内有热更新了吗
迷失的世界丿·2021-06-26 04:35

iOS中集成RN

准备好初始化完成的RN项目(通过react-native可以运行起来的)和iOS项目修改iOS项目为pod工程通过终端命令cd到iOS根目录执行：podinit初始化pod，会在根目录生成Podfile
宇丝·2021-06-26 03:53

react-native最佳实践

简化文件引用路径根据不同场景的需要，我们会将文件拆分为一个又一个的文件，在文件嵌套较深时，经常出现类似../../../Components/Product这样的代码。多写一层或少写一层都会导致代码异常方法一使用babel-plugin-module-resolver插件，给文件夹取一个别名使用方式：在.babelrc文件中加入如下代码{"plugins":[["module-resolver",
嘴角45度·2021-06-26 02:30

React-Native在vs code开发，提示 “types” 只能在ts中使用的解决方案

问题在用到带参数的指定类型的方法时，比如_onPressItem=(id:string)=>，VSCode会报错[js]'types'canonlybeusedina.tsfile。解决这个问题其实归结于是VSCode使用Flow的bug，在VSCode的issue里，开发者建议我们使用一个叫FlowLanguageSupport的插件，使用后发现并没有解决，还会报Flow版本不匹配的错误，遂放弃
温暖柏林的伤·2021-06-26 02:19

如何构建你的聊天界面

如果你想使用React-Native开发一款聊天应用，你很可能会了解或者使用react-native-gifted-chat这个库，这是一个很优秀的库，使用灵活基本能够满足大部分开发者的IM项目需求。
Aceyclee·2021-06-26 01:30

react-native tsconfig

/dist","sourceMap":true,"noImplicitAny":false,"module":"commonjs","watch":true,"types":["react","react-native
Vijay_·2021-06-25 16:23

react-native 安卓gif图overflow:hidden无效问题

样式中加上overlayColor，颜色为背景色style={{width:item_width,height:item_width,borderRadius:item_width/2,overflow:"hidden",overlayColor:Color.PLACEHOLDER_GRAY}}设置前.png设置后.png
Bubble_·2021-06-25 15:16

Unknown argument type '__attribute__' in method -[RCTAppState getCurrentAppState:error:]. Extend ...

可以查看这个问题的提交记录https://github.com/facebook/react-native/issues/25138IOS文件
Timor丶_a51b·2021-06-25 13:47

react-native 环境搭建

1.下载安装jdk1.8版本https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html默认安装地址C:\ProgramFiles\Java\jdk1.8.0_231设置系统环境变量image.png变量值为jdk安装地址然后在系统变量列表中双击Path变量，并将%JAVA_HOME%\bi
哈哈乐乐WXT·2021-06-25 10:59

react-native listview 不滑动的原因

写布局的时候，RN的listview偶尔出现不可以滑动的情况。经多次测试，需要这样写样式才能使listview滑动。样式：listview:{justifyContent:'space-between',flexDirection:'row',flexWrap:'wrap',//flex:1,这个属性设置导致listivew不能滑动的根本原因。},
sunny635533·2021-06-25 08:50

React-Native热更新 - 3分钟教你实现

创建React-Native项目react-nativeinitdounineApp
kikiki1·2021-06-25 08:57

关于React Native TextInput ios端无法输入中文的问题

不知不觉，reactnative已经更新到了0.56，但是React-Native升级到0.55.4以后，TextInput不支持输入中文，需要额外对ios做特殊处理。
养喵大师薛定谔·2021-06-25 04:41

error: Build input file cannot be found: '/Users/xiangyun/work/chatapp/MyApp/node_modules/react-n...

error:Buildinputfilecannotbefound:'/Users/xiangyun/work/chatapp/MyApp/node_modules/react-native/ReactCommon
追逐繁星D孩子·2021-06-24 22:48

react-native优化-内联引用

内联引用在CSS中是把CSS样式写到HTML标签里面在reactnative里面是require代替importrequire的作用是加载文件,可以在需要用的地方调用。所以在reactnative中，用require代替import,可以在需要该文件的时候加载改模块或文件，以达到优化页面加载速度。总结:内联引用并没有优化性能,但是优化的页面加载速度.或者说让页面加载有个优先级.实例解释:image
Change_yourself·2021-06-24 21:03

react-native 添加&删除第三方组件

添加1:需要安装rnpm安装命令：npminstallrnpm-g2:添加第三方组件进入项目的根目录（即package.json所在目录），输入命令：npminstall[第三方库]--save，如npminstallreact-native-device-info--save3:将第三方库链接到项目在项目的根目录中输入命令：rnpmlink下图为添加步骤删除删除命令：npmuninstall--
Arvin_雾里看花·2021-06-24 17:25

React-Native热更新 - 3分钟教你实现

创建React-Native项目react-nativeinitdounineApp
kikiki2·2021-06-24 15:39

react-native webview跳转支付宝客户端并返回app

本文主要介绍react-native通过webview跳转支付宝客户端进行支付，并且支付完成后能自动返回当前的app，一般app进行支付直接是链接支付宝的sdk，如果是直接通过sdk进行支付请忽略此文章
简翦儋箪·2021-06-24 14:56

关于base64的解析（crypto-js）

在做react-native的时候，做了一个前端加密的功能，使用了crypto-js插件1.安装插件，然后调用（importCfrom'crypto-js'）2.使用：varbase64=C.enc.Base64
lwtzzz·2021-06-24 11:31

react-native iOS pod install 错误

我的电脑是新的，安装好rn环境，podinstall错误提示：[!]/bin/bash-cset-e#!/bin/bashset-ePLATFORM_NAME="${PLATFORM_NAME:-iphoneos}"CURRENT_ARCH="${CURRENT_ARCH}"if[-z"$CURRENT_ARCH"]||["$CURRENT_ARCH"=="undefined_arch"];the
songzhaojie·2021-06-24 09:58

React-Native热更新 - 3分钟教你实现

创建React-Native项目react-nativeinitdounineApp
kikiki2·2021-06-24 04:05

关于react-native text 水平垂直居中问题

为了实现text文本居中，原本在android上开发以下的css样式是ok的PaymentTimeStyle:{height:36,width:100,fontSize:14,textAlign:'center',alignItems:'center',justifyContent:'center',textAlignVertical:'center',}但在ios上只有水平居中，没有垂直居中，上
wp_nine·2021-06-24 03:01

react-native组件学习

react-native组件爬坑activityIndicatoranimating属性如果一开始为false的话则不会渲染该组件后面再修改属性也没用button或touch组件点击时有时会报错RESPONDER_INACTIVE_PRESS_IN
Vijay_·2021-06-24 01:44

react-native

当运行react-nativerun-ios时:xcrun:error:unabletofindutility"instruments",notadevelopertoolorinPATH解决方法:解决方法：在终端执行如下命令sudoxcode-select-s/Applications/Xcode.app/Contents/Developer/注意：前提是你已经安装了xcode
笨小孩_松·2021-06-23 22:59

React-Native 打包记录

网上RN项目的离线打包教程如下：RN项目的离线打包（ios）-但是这样打出来的的api文件会有2个assets资源文件图1图2这样两个assets里面的资源都是一样的，导致api文件会大好多。下面是解决方法图3只要把main.jsbundle替换index.ios.jsbundle就行了-(BOOL)application:(UIApplication*)applicationdidFinishL
珍惜身邊愛的人么么哒·2021-06-23 19:56

react-native-wechat （react-native 微信分享、支付)

(一)前言ReactNative开发使用到微信好友或者微信朋友圈分享功能，闲来没事写一下，需要的可以看下(二)应用申请审核首先微信开发平台去注册账号并且创建一个移动应用。(地址:https://open.weixin.qq.com)333.png91C99A79-B61F-4C25-8DFE-E75A4E675B1D.png将所必填的信息填写完整，应用名称以及中英文（英文是选填的）的信息，移动应用
妄自·2021-06-23 15:33

ReactNative遇到的坑（持续更新中）

解决方案：https://github.com/facebook/react-native/issues/18179issue2：ios打包archive报错：[React/RCTBridgeModule.hfilenotfound
摩西啊咸鱼·2021-06-23 13:26

零Node基础看懂React-Native脚手架工具

做过RN开发的同学肯定对react-native-cli命令行工具不陌生，官方文档一开始在搭建开发环境的章节就会介绍到利用这个工具快速创建一个新项目。刚开始接触RN开发的你，一定会对这个命令行工具感到好奇，它是如何快速的创建一个RN项目的呢，又是如何完成一系列的工程目录结构创建，配置信息添加，各种依赖安装的呢，本文就带你来一探究竟。react-native-cli是Facebook开源项目Reac
注定暂时漂泊xxx·2021-06-23 12:42

关于RA的坑

1、如果在项目中已经继承了retrofit或者okhttpra里本身就有okhhtp，所以在项目的gradle中应该配置compile('com.facebook.react:react-native:
大帅飞·2021-06-23 06:40

React-native 系列6 页面之间相互传值和组件之间相互传值

其实在上一篇也用到了组件之间的传值，不过是父组件向子组件传值，今天我在写首页的时候，需要用到子组件向父组件传值，也就是逆向传值，顺便就在这里总结一下react-native用reactnavigation
随便你好啦·2021-06-23 00:41

RN精进笔记（二）安装以及环境配置篇

React-Native安装以及环境配置建议使用typora打开该文档。重点参考这篇文档：http://kiwi.saylove.today/?
采香行处蹙连钱·2021-06-22 21:48

React Navigation 实践总结

这篇文章主要是针对ReactNavigation的实践讲解，因为本人在初学React-native的时候，基本的组件，布局这些都是最基础的点，可以在以后慢慢练习掌握就可以了，所以我从交互和网络开始着手练习
随便你好啦·2021-06-22 19:08

简单记录Windows平台搭建react-native项目以及走过的坑

react-native环境搭建+启动1、官网下载安装node，用于安装启动react-native相关模块2、安装JavaSDK（稳定版，9.0以下）。
i花楸树·2021-06-22 17:34

React-Native 使用第三方库时遇到的坑及解决方法

运行版本："react-native":"0.54.1","react-native-navigation":"1.1.407","jcore-react-native":"^1.2.5","jpush-react-native
JChow·2021-06-22 17:25

react-native 横竖屏控制及状态变化监听

用框架react-native-orientation可以轻易做到。安装依赖npminstall--savereact-native-orientation自动链接库react-nativelinkreact-native-orientation如果自动链接失败，则看官方文档，手动链接，传送门。使用方式引入Orientation后，用这个组件的Api能做到反转横屏和竖屏啦。这里列出几个常用方法：O
萤火虫叔叔_WongYing·2021-06-22 17:46

React-Native简单入门

2.安装react-native打开cmd命令行，输入npminstall-greact-native-cli命令进行全局安装。
Answer_厮守·2021-06-22 04:25

react-native的位置与排列

typeFlexAlignType="flex-start"|"flex-end"|"center"|"stretch"|"baseline";exportinterfaceFlexStyle{//作用类似于alignItems，运用于视图内包含多行容器的情况，用法类似justifyContentalignContent?:"flex-start"|"flex-end"|"center"|"str
sweetwine·2021-06-21 23:57

react-native 真机运行项目卡在启动页，模拟器不卡

解决办法：1.Xcodemenu->Product->EditScheme...2.Run的Argument中EnvironmentVariables->Add->Name:"OS_ACTIVITY_MODE",Value:"disable"同时，Test->BuildConfiguration->ReleaseRun->BuildConfiguration->Release关闭其他项目的npm服
oc123·2021-06-21 23:10

基于React-Native的项目升级（0.43.3 -> 0.54.0）

因为跨越多个版本，版本变化很大，遇到大大小小很多问题，因此整理这个文档，来帮助梳理整个升级的流程如果升级过程中遇到任何的问题，欢迎联系本人讨论第一步react-native升级先更新react-native-git-upgrade
Hliux·2021-06-21 13:25

ios 14 react native 图片不显示bug

路径react-native/Libraries/Image/RCTUIImageViewAnimated.m下if(_currentFrame){layer.contentsScale=self.animatedImageScale
半个木头人·2021-06-21 12:08

react-native布局

宽度单位和像素密度react的宽度不支持百分比，设置宽度时不需要带单位{width:10}，那么10代表的具体宽度是多少呢？varDimensions=require('Dimensions');window.width={Dimensions.get('window').width+'\n'}window.height={Dimensions.get('window').height+'\n'}
涅槃快乐是金·2021-06-21 10:21

react-native mobx android realease报错解决方案

环境"react":"16.4.1","react-native":"0.56.0","mobx":"^5.9.4","mobx-react":"5.2.0"pckage.json"devDepen
猫先生的一天·2021-06-21 08:41

React Native加虚线

介绍两种加虚线的方法1.组件方法:importReact,{Component}from'react';import{Text,View,StyleSheet,}from'react-native';/
一亩三分甜·2021-06-21 08:58

2018-08-29

React-Native之图标库react-native-vector-icons的集成-炒鸡简单icons图标库的优缺点可自行查阅，这里只记录集成过程：1.cd“你的项目”2.npminstallreact-native-vector-icons
狂野的骚猪·2021-06-21 04:38

react-native native-echarts 趴坑指南

react-native日常踩坑下面我们探讨下native-echarts经常会踩到的坑1、iosrelease运行不显示图表，一片空白在WebView中载入一段静态的html代码或是一个url（还可以附带一些
bitwen·2021-06-21 00:28

React项目国际化介绍（react-i18next、react-intl)

React-i18next介绍react-i18next是基于i18next的一款强大的国际化框架，可以用于react和react-native
CaesarXI·2021-06-20 17:08

【混载】基础篇mvc mvvn mvp的区别，一只渣渣前端的内心纠结史

前言：相信前端的宝宝们，已经在2016年收到了一万点的伤害与3种主流框架（vue.jsangular.jsreact.js{react-native}）的视觉冲击。
keyworldtony·2021-06-20 08:17
上一页 22 23 24 25 26 27 28 29 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他