React-native

当React开发者初次走进React-Native的世界

RN千机变1.技术体系问题RN和React共用一套抽象层，相对于前端，RN其实更接近Node的运行环境ReactNative=React+IOS+Android看RN文档时，我会发现入门基础那一块介绍的都是React的内容，进阶篇则介绍了很多IOS和Android的API2.组件设计问题Android和IOS一些设计组件是不共通的，这意味着，原本在React上只返回一个组件的情况下，RN中你可能需
外婆的彭湖湾·2019-09-13 09:00

当React开发者初次走进React-Native的世界

当React开发者初次走进React-Native的世界RN千机变1.技术体系问题RN和React共用一套抽象层，相对于前端，RN其实更接近Node的运行环境ReactNative=React+IOS+
外婆的彭湖湾·2019-09-13 09:00

【React-Native】React-Native组件样式合集

最近在阅读RN的文档，但有一点深感遗憾的是——官方对绝大多数RN组件没有用Gif图或者静态图的方式呈现给大家。所以我通过百度查询，一个一个的查到了这些RN组件的UI表现图，下面呈现给大家阅前必读首先表示抱歉，我没有注明每幅图片的url来源，这是有原因的，因为当前有很多人的博客转载他人的博客却没有注明出处，如果我莽撞地写上我找到该图片的url地址，那么可能反而会损害原作者本人，如果您看到这篇文章中使
外婆的彭湖湾·2019-09-10 15:00

react-native TextInput 键盘 返回键设置 调用键盘的类型

返回键类型returnKeyType='default||go||google||join||next||route||search||send||yahoo||done||emergency-call' 键盘的类型 keyboardType='default||ascii-capable||numbers-and-punctuation||url||number-pad||phone-pad||
Alex81320·2019-09-06 16:21

如何在您的 react-native 项目中使用矢量图标

想在您的react-native项目中使用矢量图标吗？有一个适合您的项目：react-native-vector-icons。这个项目非常棒，但如果您不熟悉xcode，那么它的文档有点棘手且不直观。
小弟调调·2019-09-06 00:00

【React-native】 "Unexpected keys "xxx" found in previous state received by the reducer.Unexpected key

今天，莫名启动项目发现一个报错，如下：造成原因：使用redux-persist缓存redux中的数据，两个不同项目中的persistConfig中key相同了。解决：persistConfig中key每个项目保持唯一：constpersistConfig={key:'1560392485_project',//对于数据key的定义，必须保持唯一storage,//选择的存储引擎whitelist:
程序员阿喵·2019-08-29 11:33

论一个前端工程师如何快速学习，成长。准备自己的35岁 【-原创精读】

前端工程师这个岗位，真的是反人性的我们来思考一个问题：一个6年左右经验的前端工程师：前面两年在用jQuery期间一直在用React-native（一步一步踩坑过来的那种）最近两年还在写微信小程序下面一个
Peter谭金杰·2019-08-29 00:00

react-native与IOS原生之间的通信——基于真实的项目

最近遇到一个RN项目，需要继承第三方公司的安全键盘，键盘代码用oc实现的，并且没有现成的RN组件，最后只能自己封装了。RN版本0.58.4。一、分析1、第三方键盘是用oc代码实现的，可能牵扯到商业机密，所以只贴部分代码，具体如下：（直接上图了）上图实现的输入框是用IOS原生的UITextField。接下来keyboard（软键盘）是封在SDK里面的,初始化以后通过setTextField设置键盘输
黑男人·2019-08-28 18:32

前端20个灵魂拷问 彻底搞明白你就是中级前端工程师 【下篇】

最近一些跨平台技术，React-native和flutter之类的，比较火。但是，我还是不准备把它们放进来，因为那是为做App而生，我想把Electron这个桌面端跨平台的技术放进来。
Peter谭金杰·2019-08-28 00:00

[React-Native] iconfont硬核，不依赖字体，支持多色彩，支持热更新

链接地址：https://github.com/fwh1990/react-native-iconfont-cli在RN里用过iconfont的小伙伴都知道，它本质上是字体图标，所以你得借助react-native-vector-icons等插件去处理字体。用字体有两个弊端：一是图标只能是单色，不具备多色彩的特性；二是因为字体要设置在android和ios源码中，所以不具备JS热更新的特性，每次修
原罪·2019-08-28 00:00

react-native Android端 语音和视频合成新的视频代码

只支持AAC格式的音频与mp4的视频格式合成如果您的格式不是AAC格式需要转换，详情看我的上篇文章publicclassVideoHelperModuleextendsReactContextBaseJavaModule{privateReactContextcontext;publicVideoHelperModule(@NonnullReactApplicationContextreactCo
kun943999733·2019-08-26 14:52

React Native 最快捷的开发框架分享

GITHUB地址链接描述简洁的代码//页面AimportReactfrom'react'import{ScrollView,View}from"react-native";importFreedomenfrom'react-native-freedomen'exportdefaultclassextendsReact.Component
杨一一·2019-08-26 00:00

React Native资料

*React-Native学习指南AwesomeReact-Native系列教程react-native官方api文档react-native中文api文档react.js中文文档react.js入门教程
松花蛋蘸醋·2019-08-25 12:37

react-native 环境

第一次接触reactnative就卡在装环境了，环境装不上一切都完蛋，所以在此记录一下；引言ReactNative是Facebook开源的，在Javascript和React的基础上构建原生的Android和IOS应用的平台。ReactNative的文档地址有多个，如果你英文够好，就去研读官方文档吧，如果读原文比较吃力，中文文档也是不错的选择。开发工具WebStorm/VSCode/Sublime
潘佳琦·2019-08-24 00:00

react-native 标题随页面滚动显示和隐藏

效果图如下：代码实现：importReact,{Component}from'react';import{ScrollView,Text,View,FlatList,}from'react-native
边缘观望·2019-08-23 11:00

【React-native】react-native + react-navigation 实现更换皮肤完全教程

想实现一个更换app整体色调（导航头，tabBar以及按钮）的功能，比如在晚上可以换成黑色保护眼睛，亦或者选用户自己喜欢的颜色。先放具体的实现效果图：整体思路在App.js中，添加一个全局变量screenProps，把颜色变量放在其中，然后再添加监听，当颜色改变时，触发监听，修改state中的颜色值，达到颜色重新渲染。在router配置文件中，配置颜色从screenProps中获取。换肤页面调用替
程序员阿喵·2019-08-23 10:10

【React-native】Redux 全家桶实用指南

今天，想实现用户第一次登录后，下次免登录的功能。不难，但之前是用realm数据库来实现的，就存一个用户信息，用realm难免有点杀鸡用牛刀之意，就想用Redux来实现，顺带温习下知识。本文涉及到的组件有：react-redux及redux（基础）redux-persist（用于缓存）redux-thunk（中间件，这里用于异步调用使用日志打印）redux-actions（简化接口调用）redux-
程序员阿喵·2019-08-20 22:01

react-native运行打包的时候遇到的问题

1、react-native:SDKlocationnotfound问题就是react-native打包的时候找不到SDK，所以可能是配置环境变量出现了问题，解决办法在环境变量中添加名ANDROID_HOME
苗泽云·2019-08-19 19:18

React-native原生交互之ReactPackage注册

本篇文章主要是简单介绍下ReactPackage注册方法中的三个方法的作用和使用。在0.47.2版本之前，Android原生类如果实现ReactPackage，需要实现createNativeModules、createViewManagers、createJSModules三个方法，在此之后只需要实现createNativeModules、createViewManagers两个方法。那么这三个
超级呆·2019-08-19 14:41

react-native版知乎日报APP（二） 技术选型

App中使用react-native版本为0.59.10,当前最新版本为0.60.x(2019/08),由于0.60做了比较大变动,部分第三方组件还没有适配,目前无法正常使用.建议等待发布0.61.0时再尝试使用
cc369e5fa6f8·2019-08-19 11:00

react-native连接终端或模拟器调试项目(三)

react-native连接终端或模拟器调试项目这里使用.连接真机调试.真机调试要确保开启调试权限，并且允许usb安装未知来源的应用。
Museions·2019-08-18 18:08

原生APP开发

Windows环境搭建说明React-Native、Weex、Flutter在Windows上面的环境搭建都差不多，但是也有些个体差异，本文章先说共性的东西，然后再针对不同的框架分别作出说明共同部分1、
苗泽云·2019-08-18 17:41

Daily，一个入门级的 React Native 应用

Daily，一个React-Native写的androidapp。下拉刷新获取：图片、诗句、言语、音乐、乐评、雨声、知乎日报、历史上的今天。可以说是一个入门级的React-Native应用。
郭佬·2019-08-18 12:00

RN 监听 DeviceEventEmitter

解决的问题：比如在B页面发送了消息，A页面想及时刷新页面数据，就要用到在页面A中注册import{DeviceEventEmitter}from'react-native';//注册这个监听事件componentDidMount
知命者夏洛特·2019-08-16 16:22

react-native Cannot get property 'packageName' on null object

react-native打包安卓apk的时候，报错Cannotgetproperty'packageName'onnullobject完全没有头绪，研究了半天才发现竟然是因为package.json里面
储某某·2019-08-16 00:00

React-native使用过程中遇到的一些坑

1、部分android手机Text标签展示不全（比如设置标签内容为1234，只展示123）或者不展示特别是1加手机   解决方法：通过设置字体来解决，rn里有写好的样式CommonStyles.priceFontStyle 2、给一个标签重复设置key，android上会报错   解决方法：避免重复设置key3、isTrue&......当isTrue为"",android上返回""会报错   解
Alexbyy·2019-08-15 15:17

小哥哥小姐姐看过来，这里有个组件库需要您签收一下

不过，今天介绍的是react-native的一个组件库。不同于上述组件库都有统一的视觉规范，rn-component
小石头若海·2019-08-15 00:00

react-native 的一些坑

TypeError:undefinedisnotanobject(evaluating'props.getItem')@babel/plugin-proposal-class-properties的锅解决添加.babelrc配置优先级@babel/plugin-transform-flow-strip-types高于@babel/plugin-proposal-class-properties{"
Y_qwq·2019-08-15 00:00

react native ant design

//.babelrcorbabel-loaderoption{"plugins":[["import",{libraryName:"@ant-design/react-native"}]//与Web平台的区别是不需要设置
younglaker·2019-08-14 15:44

React-Native编写iOS原生组件

首先新建一个简单的原生组件TestNativeView继承自UIView再新建一个TestNativeViewManager继承自RCTViewManager我们一般在开发过程中组件需要拥有以下功能1.RN通过属性传递的方式，渲染原生组件2.原生组件能将事件传递到RN中3.RN能够直接调用原生方法完成操作接下来我们上代码TestNativeView.h#import#importNS_ASSUME
Ash_Gao·2019-08-14 09:55

React-Native 发送和接收事件DeviceEventEmitter

RN中是如何发送和接收事件的：特点是可以跨页面使用：import{View,Text,Button,DeviceEventEmitter}from'react-native';发送消息的方法{DeviceEventEmitter.emit
coollyj·2019-08-14 09:00

(动手)发布一个react/react-native组件到npm社区

前言过程初始化目录mkdir‘组件名称’npminit将会生成package.json文件新建src目录作为组件的源代码目录，index.js作为组件入口新建lib目录作为组件的编译后目录，这个目录只读修改package.json的main字段为"src/index.js"或"lib/index.js"编写组件src/index.js中就可以编写组件了，导出组件exportdefaultclass
winward·2019-08-14 00:00

React-native生命周期

生命周期图示如下imagedefaultPropsstaticpropTypes={containerStyle:PropTypes.object,message:PropTypes.string,refreshFunc:PropTypes.func,marginTop:PropTypes.number}staticdefaultProps={message:"暂无相关数据",marginTop:
Ash_Gao·2019-08-12 11:15

RN 技术探索：Hermes Engine 初探

自从Google的Flutter发布之后，Facebook对React-Native的迭代开始快了起来，优化React-Native的性能表现，避免被Flutter比下去。
滴滴技术·2019-08-12 00:00

react-native网络请求fech使用(十一)

react-native网络请求fech使用封装拦截器;fetch常见使用方式：Typescript方式使用fetch拦截器:exportclassFetchInterceptor{publicinterceptors
Museions·2019-08-09 23:23

解决react-native软键盘弹出挡住输入框的问题

from'react';import{View,Text,Button,StyleSheet,TextInput,ScrollView,KeyboardAvoidingView,Dimensions}from'react-native
曲小强·2019-08-09 16:00

react-native 键盘遮挡输入框

1.首先引入KeyboardAvoidingViewimport{KeyboardAvoidingView}from'react-native';2.然后在页面的最外层加上KeyboardAvoidingViewrender
边缘观望·2019-08-09 14:00

React-Native基础，布局之长列表（FlatList和SectionList）

FlatListFlatList组件用于显示一个垂直的滚动列表，其中的元素之间结构近似而仅数据不同。FlatList更适于长列表数据，且元素个数可以增删。和ScrollView不同的是，FlatList并不立即渲染所有元素，而是优先渲染屏幕上可见的元素。FlatList组件必须的两个属性是data和renderItem。data是列表的数据源，而renderItem则从数据源中逐个解析数据，然后返
堇之·2019-08-09 14:37

ReactNative SectionList组件

importReact,{Component}from'react';import{StyleSheet,View,Text,Image,Dimensions,SectionList,}from'react-native
遛遛食·2019-08-09 11:46

Android 原生开发、H5、React-Native Flutter 使用利弊和场景技术分享

zhangxinjin/article/details/51778086https://blog.csdn.net/zhangxinjin/article/details/51778086最近工作中接触到React-Native
dufufd·2019-08-08 14:08

react-native之react-native-vector-icons

在RN中使用react-native-vector-icons图标库引用方式，在项目根目录打开命令行执行以下命令npminstallreact-native-vector-icons–savereact-nativelinkreact-native-vector-icons打开xcode点击想目—》info.plist就能查到已经被引用，如下图：（以iOS为例）随后再清一下缓存执行以下命令：rea
丁丁乾坤大·2019-08-06 18:09

react-native自定义alert/dialog/toast弹窗|仿原生android/ios弹窗组件

说明很早之前就有使用h5开发过手机端弹窗，最近一直在捣鼓react-native技术，踩了不少坑。就想着用react-native技术做个自定义Modal弹窗来实践一把。
xiaoyan2017·2019-08-06 00:00

React-Native js重点语法

1)单引号或者双引号单引号或者双引号没有根本区别，但是双引号会搜索引号内的内容是不是有变量，有则输出其值，没有则输出原有内容。所以输出纯字符串的时候用单引号比双引号效率高，因为省去检索的过程。（1）只使用字符的字符串，单引号和双引号没有区别（2）在单引号包括的字符串中可以直接用双引号，在双引号包括的字符串中可以直接用单引号（3）如果在双引号包括的字符串中用双引号，需要用反斜杠转义，注意是"\";同
wg689·2019-08-04 11:46

认识React

使用习惯偏向前端人员React更注重组件及其状态的管理，使用习惯偏向程序人员React生态圈jsx:扩展了js自身的语法，是React的基础Flux:React的数据流组件Redux:比Flux更加简单，易用React-Native
darkCode·2019-08-04 00:00

React Native实现京东下拉菜单

2019-8-3更新成了TS版本的我将项目升级成TS版本了，可以看这里https://github.com/Tzng/React-Component/tree/master/react-native/ActionsBarTs
阿拉斌·2019-08-03 17:12

react-native自定义Modal模态框|仿ios、微信弹窗RN版

最近一直沉迷在react-native开发研究中，学习起来发现没有想象的难，不过也采坑了不少。
xiaoyan2017·2019-08-03 03:00

React基础（一）

我们可以使用它很高效地开发出一系列前端项目，或者使用React-native开发原生应用上一篇RN环境搭建，简单地介绍了一下React-Native开发所需要的环境配置。
游荡de蝌蚪·2019-08-01 00:00

React-Native常用命令行以及插件使用

管理RN的版本查看版本：$react-native-v（进入项目目录，查看的就是项目版本）更新项目版本npm(NodePackageManager):$npmupdate-greact-native查询网上RN最新的版本：$npminforeact-native升级或者降级RN版本：[email protected]兼容RN代码提示插件插件地址
Coding雨晨·2019-07-31 17:03

react-native学习中遇到的问题

npmi安装所有需要下载的软件，若失败，可尝试使用yarnadd某组件名当更新代码后出现版本问题(1).通过android-studio打开项目来自动修复问题，上面显示升级或降级，点击即可。(2).如果这时模拟器还是会出现类似IP错误的问题，就需要检查下IP是否出错。(3).若没有问题，通过任务管理器结束当前adb来再次启动模拟器以解决问题。安卓集成错误，需要在app下的build.gradle文
冰清沧雨·2019-07-29 13:57

android studio打开react-native的android工程项目时预编译失败问题

报错的图如下所示：网上查了好多问题，都说是android的gradle版本问题，提供的方法都很烦！最后找到一个简单可行的办法，在此记录下来，供以后查看。解决方案：找到android工程下的android/gradle/wrapper/gradle-wrapper.properties文件。将distributionUrl=https\://services.gradle.org/distribut
黑男人·2019-07-26 10:05
上一页 98 99 100 101 102 103 104 105 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他