React-native

[React-Native]Android 命令打包

由于本人经常忘记命令，所以特意记录一下，哈哈安卓打包：打包之前必须开启程序，否则可能会报错，react-nativestart.然后在项目的根目录下执行以下操作(cd/项目地址)步骤1:(离线状态打包)react-nativebundle--entry-fileindex.android.js--bundle-output./android/app/src/main/assets/index.an
德山_·2019-11-30 06:57

含泪导入React-native 0.54到Swift原生项目

照着官方文档撸，撸出了一连串的坑[泪奔中ing],但是不要紧，最终还是弄出了一个结构。先上效果图：第一个Tab是导入的RN页面，后两个是原生。合成效果图.gif友情提示：如果你弄过集成到原生项目或者对RN开发和原生开发比较熟悉，那么，请直接往下看。如果你是第一次弄，并且对RN不是很熟悉，那请你移步到官方的教程，链接如下：Facebook官方：https://facebook.github.io/r
莫寂岚·2019-11-30 05:45

react-native android 打包解决遇到的坑

最近想试下RN打包安卓apk（mac环境），,但是按官方的教程，卡在这一步：Exceptioninthread“main”java.lang.RuntimeException:java.util.zip.ZipException:errorinopeningzipfile$cdandroid&&./gradlewassembleRelease报解压gradle-2.14.1-all.zip失败的错
FunToYoung·2019-11-29 23:32

react-native ViewPager 无限循环

android用ViewPagerAndroid实现ios用ScrollView实现原生开发在android和ios中也都是这么做原理都一样：31231本来3个图123，在最前面多添加最后一张图3，在最后面多添加第一张图1。当滑到最后一张图1时跳转到第一张图1，当滑到第一张图3时跳转到倒数第二个图3。默认选中第一张图1。viewpager.android.jsimportReact,{Compon
lesliefang·2019-11-29 23:05

react-native打包android

android：ReactNative官网有坑1、找到你安装jdk的位置栗子:C:\ProgramFiles\Java\jdk1.8.0_161\bin(我的jdk位置)2、用keytool命令生成一个私有密钥windows命令行输入keytool报错在你的jdk下面bind输入./keytool回车（enter）键输入keytool-genkey-v-keystoremy-release-key
卓小生·2019-11-29 22:56

react-native 环境配置遇到的问题

初次学习react-native搭建环境难免会遇到各种问题，说实话还是得认真严格按照官网给的说明一步一步就不会踩坑了问题1QQ图片20161206095551.png问题原因：failedtofindtargetwithhashstringandroid
Silence11·2019-11-29 17:20

Flutter仿微信项目实战,这才是期待中的跨平台框架

前言很久以前就听说过Flutter，但在native端同学眼里，可能认为就和以前的ionic+cordova、react-native,weex等那一套JavaScript桥接执行原生代码一样，无论性能
DevYao·2019-11-29 16:09

win10虚拟机安装黑苹果（10.14.1）

最近在学习react-native需要在苹果手机上调试；像我们现在这样的穷逼来说，mac太奢侈了。
卓小生·2019-11-29 14:13

react-native 动态计算图片宽高适配

干就完了！！！constDimensions=require('Dimensions');constscreenW=Dimensions.get('window').width;//设置图片宽高--android、ios有兼容//androidsetSize(imgItem){let{imgH}=this.state;letshowH;if(Platform.OS!='ios'){Image.ge
風隨風去·2019-11-29 08:42

ReactNative: Android与iOS平台兼容处理

方法一：创建不同的文件扩展名：*.android.js*.io.js方法二：import{Platform}from'react-native';if(Platform.OS==='android'){
popgis·2019-11-29 08:14

ReactNative: Android与iOS平台兼容处理

方法一：创建不同的文件扩展名：*.android.js*.io.js方法二：import{Platform}from'react-native';if(Platform.OS==='android'){
sxliuchunrong·2019-11-29 08:00

Xcode React-native Archive 报错has a command with output

错误描述Multiplecommandsproduce'/Users/xx/Library/Developer/Xcode/DerivedData/xxapp-xxx/Build/Intermediates.noindex/ArchiveIntermediates/xxapp/IntermediateBuildFilesPath/UninstalledProducts/iphoneos/libyo
AlwaysLight·2019-11-29 07:53

RN精进笔记（十一）React框架精读

[toc]前言React-Native=React+iOS/Android，所以如果是APP开发工程师，本质上需要补充的是React框架层的知识。
采香行处蹙连钱·2019-11-29 06:39

[React-Native]Android安装成功运行不进App的问题

react-nativerun-androidStarting:IntentErrortype3Error:Activityclassdoesnotexist使用”react-nativerun-android”命令运行android应用时，如果常常出现如下错误：Startingtheapp(/home/xxx/soft/sdk//platform-tools/adbshellamstart-nx
德山_·2019-11-29 05:34

react-native 的ScrollView

importReact,{Component}from'react';import{AppRegistry,StyleSheet,Text,TextInput,View,Image,ScrollView}from'react-native
changx11442989·2019-11-29 02:00

React-Native 系列视频失效补链及一些碎碎念

由于一些原因，已暂时暂停react-native技术使用，本系列把常用的也都说了，redu
珍此良辰·2019-11-29 02:30

React Native项目iOS打包发布流程

scripts":{"start":"nodenode_modules/react-native/local-cli/cli.jsstart",..."
eternaldyc·2019-11-28 08:23

Elm的RN的Redux版本改造(1)-模拟数据的获取

看到那个elm的react-native练习项目还挺火的,所以想着用Redux来改造一下.elmRN项目主要添加有mock-server作为后端数据模拟Redux的作为前端数据层Redux-saga对于管理异步操作数据流
smartphp·2019-11-28 07:01

Hello - RN

HelloReact-Native导入引入react的Component抽象组件importReact,{Component}from'react';引入react-native的Text,View具体组件
逾期的誓言·2019-11-28 07:09

react-native开发实例之城市选择组件

城市切换对于地域相关的app使用较多，通常结合定位城市、热门城市、最近选择城市和全部城市列表进行列表展示，另外还提供搜索功能。比较典型的是美团的这个城市选择组件，截图如下。Paste_Image.pngPaste_Image.png效果图1111.gif使用到的开源项目https://github.com/crazycodeboy/react-native-easy-toasthttps://gi
sleepforests·2019-11-28 06:48

React-Native 报错 Error: EISDIR: illegal operation on a directory, open '/android/app/build/interm...

修改project_path/android/app/build.gradleproject.ext.react=[entryFile:"index.js",jsBundleDirDebug:"$buildDir/intermediates/merged_assets/debug/mergeDebugAssets/out",jsBundleDirRelease:"$buildDir/interme
烟雨十二楼·2019-11-28 05:43

unable to load script from assets react-native

在运行react-native项目时报错：unabletoloadscriptfromassets‘index.androidbundle‘,makesureyourbundleispackagedcorrectlyoryouu
clark124·2019-11-28 05:09

React-Native 语法ES6-ES5对比

参考文档很多React/ReactNative的初学者都被ES6的问题迷惑：各路大神都建议我们直接学习ES6的语法(classFooextendsReact.Component)，然而网上搜到的很多教程和例子都是ES5版本的，所以很多人在学习的时候连照猫画虎都不知道怎么做。今天在此整理了一些ES5和ES6的写法对照表，希望大家以后读到ES5的代码，也能通过对照，在ES6下实现相同的功能。模板引用在
逾期的誓言·2019-11-28 01:50

初识 MobX + React-Native + React Router dom/native

MobX简单、可扩展的状态管理（可观察的数据）使用：安装:npminstallmobx--save。React绑定库:npminstallmobx-react--save。引用:import{observable}from'mobx';Apiobservable什么是observable？observable是一种让数据的变化可观察的方法哪些数据类型可以被观察？原始类型：string，number
jevons_lee_·2019-11-27 22:15

RN-Animated组件

opacity)importReactfrom'react';import{StyleSheet,Animated,Easing,TouchableWithoutFeedback,Text}from'react-native
wl1105·2019-11-25 17:25

React: 认识React

一、简介React-Native是Facebook开源的跨平台框架，用于实现前端和原生进行混合开发。
XYQ全哥·2019-11-24 15:00

react-native项目中Android端gif奔溃

react-native项目中Android端gif奔溃将项目中的react-native版本从0.45升级到了0.48后，发现Android端在显示gif时奔溃了，而ios端没有这个情况。
Hero_2b37·2019-11-22 17:07

rn中键盘遮住输入框的几种情况

rn没有fixed)2、View,ScrollView,FastList，SectionList这些list中有输入框3、Modal中底部有输入框或者中间有输入框通过google，业界有的解决方案主要有react-native
扶搏森·2019-11-22 13:28

从零手写逐步实现Promise A+标准的所有方法

代码均测试可运行，编写于2019年11月17日GitHub仓库更有自己实现的webpack、mini-react、redux、react-redux、websocket,Electron跨平台桌面端、React-native
Peter谭金杰·2019-11-18 14:50

精读《React Conf 2019 - Day2》

FastrefreshFastrefresh是更好的react-hot-loader替代方案，目前仅支持react-native平台，很快就会支持react-dom平台。
黄子毅·2019-11-18 14:08

【react-native】React Native + Ant Design 的 Tabs组件

时设置TabBar渲染组件goToTab切换标签index.tsx/**“tab”页面*/importReact,{Component}from'react'import{View,Text}from'react-native'imp
空城皆是旧梦·2019-11-13 19:41

React-Native踩坑记录二

1.Image组件的borderRadius画圆有平台兼容性问题，在IOS下会失效解决方法有几种(1)在外面包裹一层View,对View组件使用borderRadius就可以了，这是我的做法(2)在同一级属性块下加上overflow:'hidden'，我没试过，大家可以阅读下面的链接https://www.jianshu.com/p/d237f02584182.React-Native的渐变实现方
彭湖湾·2019-11-12 12:00

React-Native之SectionList

先看下我们要实现的效果扩展JavaScriptArraymap()用法链接sectionList1.gif准备工作我们先来看看SectionList的数据源格式}renderSectionHeader={({section})=>}sections={[//不同section渲染相同类型的子组件{data:[{...}...],...},{data:[{...}...],...},{data:[{
CoderZNB·2019-11-08 21:00

react-native 常用flex布局

1，竖向按比例布局409B15FC-9B22-4966-9F6E-8A4B1AA44949.png代码：2，横向按比例布局48460300-6628-4A5A-9C15-FF2CF88AC9B5.png代码：
Mr_AlexLi·2019-11-08 21:10

React Native学习笔记加载网络上数据显示出来

'usestrict';importReact,{AppRegistry,Component,StyleSheet,Text,View,Image,ToastAndroid,}from'react-native
Lazy1·2019-11-08 21:25

如果你要让你的RN项目的普通网络请求绕过SSL证书检查

a.以下办法要自己编译ndk1准备编译react-native源码官网参考链接注意不推荐从github重新拉取代码，直接在node_modules底下有对应版本的源码执行官网的步骤到“让第三方模块使用你的分支
Phoobobo·2019-11-08 18:28

React-Native中使用验证码倒计时的按钮

开发过程中有获取手机验证码的场景，这时候有这样的要求：1，点击“获取验证码”的按钮，发起获取验证码的网络请求，同时按钮置为不可用2，如果网络请求成功，按钮继续不可用，但按钮上文本改为倒计时((*s)后重新获取)3，如果网络请求失败，按钮置为可用4，倒计时结束，按钮可用直接上代码源码"usestrict";importReact,{PropTypes}from'react';import{View,
尹_路人·2019-11-08 18:01

（iOS）React-Native集成到本地，实现与Native的互调

一、新建一个工程，名为RNAndiOS(名字随便)image.png二、创建一个存放react-native的文件夹RN(名字随意)image.png三、RN文件夹下新建一个名为package.json
程序猿孙哥哥·2019-11-08 17:53

混合开发的大趋势之一React Native之Image

然而还是无橙，这礼拜要做7天，昨天把单元测试的东西整完后今天下午抽出时间继续学习，然后就补一篇RN主件的文章，知识点源于官方文档原文地址：https://github.com/facebook/react-native
王亟亟·2019-11-08 16:59

iOS拓展：react-native创建工程的坑和解决方法

前言由于项目需要用到react-native技术，所以我也开始试着去了解它。说实话，这个react-native我是真的不喜欢，因为问题实在太多，而且很难解决。
Jabber_YQ·2019-11-08 15:38

Android 引入react-native-camera插件所碰到的问题

本文中所有问题的安卓环境是“react”:”16.8.3”“react-native”:”0.59.9”“React-native-camera”:”^3.3.1"undefinedisnotanobject
一只越陷越深的企鹅·2019-11-08 14:48

React Native优秀的第三方插件（Android & iOS）

成都React-Native交流群，进群给管理，先到先得哦1.https://github.com/aroth/react-native-uploader文件上传图片.gif2.https://github.com
冷洪林·2019-11-08 13:44

Genymotion 虚拟机调试react-native黄色警告

Genymotion虚拟机调试react-native出现下面的警告黄色为警告内容先看上面第一个黄色的警告警告内容为componentWillMountisdeprecatedandwill......
smallzip·2019-11-08 10:03

005-密码输入框组件 --react-native

一：前段时间写了一个密码输入框的组件，现在拿出来分享一下。二：1-：就是一个仿支付宝密码输入框的组件三：Coding1-：其实密码输入框只要一个TextInput就好了//TextInput的长度决定了密码输入框有多少个，我这里暂定6个，可以根据需要更改this.textInput=ref}maxLength={6}autoFocus={true}keyboardType="number-pad"
垒虚·2019-11-08 10:09

[收藏]React-Canvas、React-js、React-Native在用途、语言本质、性能表现等方面，各有什么异同？

作者：沈嵘链接：https://www.zhihu.com/question/29165419/answer/47490186来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。React.JS的本质是一套Component的复用机制。采用它的一个基本动力在于，几乎所有基于树形方式组织的UI，都可以得益于React.JS的VirtualDOM所带来的性能提升。但是一旦你开
primLooper·2019-11-08 07:26

react-native 圆弧拖动进度条实现

原文链接：https://blog.csdn.net/qq_22329521/article/details/79862355先上效果图[图片上传失败...(image-84532f-1523241227121)]因为需求需要实现这个效果图非原生实现，难点1：绘制使用svg难点2：点击事件的处理难点3：封装由于绘制需要是使用svg此处自行百度按照svg以及api教学视图代码块render(){re
越长越圆·2019-11-08 06:07

翻译|React-navigation导航系统(1)

title:翻译|React-navigation(1)date:2017-03-2720:26:48categories:翻译这个React-native的导航系统可能已经基本官方标配系统了.两个月时间已经积累了
smartphp·2019-11-08 05:42

React-Native踩坑1：react-native run-ios报的错误

react-nativerun-ios报的错误Commandfailed:/usr/libexec/PlistBuddy-cPrint:CFBundleIdentifierbuild/Build/Products/Debug-iphonesimulator/imoocApp.app/Info.plistPrint:Entry,":CFBundleIdentifier",DoesNotExist造成
莫离_焱·2019-11-08 04:55

[React-Native]RN组件学习-ProgressbarAndroid

ProgressBarAndroid就是这样：progressBarAndroid其中默认是转动着的，如果你希望是进度条样式的，则需要设置：indeterminate={false}就行了。ActivityIndicator官方说明：Displaysacircularloadingindicator.如果展示一个圆形的progress，官方推荐使用该控件其中支持设置size和color属性.siz
美乃滋酱啊·2019-11-08 03:52

React-Native 工程添加推送功能 (iOS 篇)

推送已经是是手机应用的基本功能，如果自己实现一套推送系统费时费力，所有一般我们会使用第三方的推送服务，这里我使用极光推送作为集成推送的例子，因为有现成的reactnative插件jpush-react-native可以使用。前置准备工作安装软件reactnative(0.41.2)npm(V3.10.3)xcode(V8.2.1)创建工程在Appledeveloper上创建应用并且给应用配置推送功
HuminiOS·2019-11-08 03:42
上一页 94 95 96 97 98 99 100 101 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他