React-native

react-native map函数遍历数据及其布局

react-nativemap函数遍历数据及其布局当需要在react-native中用map函数遍历带图片的数据时，小编总会发现，布局有点别扭，效果图类似下面这样的图我先以遍历如下数据得到产品列表为例借机总结一下遍历数据及布局的注意事项
Aichiwawacai·2020-08-11 15:11

(精华)2020年8月10日 React-Native 布局与样式

RN布局与样式一款好的App离不开漂亮的布局，RN中的布局方式采用的是FlexBox(弹性布局)FlexBox提供了在不通尺寸设备上都能保持一致的布局方式宽和高尺寸是没有单位的运行在android上的时候100dpiso的时候100pt字体会被解释成16sp像素无关和而不同RN中FlexBox和WebCss上FlexBox工作方式是一样的，但有些地方还是有出入的flexDirection:RN中默
愚公搬代码·2020-08-11 15:28

React Native学习笔记（一）附视频教学

今天开始学习react-native,想学的小伙伴们可以一起学习(文章下面有学习视频)大家可以把自己的学习评论在下方1.准备开发环境⚠️MAC需要Xcode⚠️window需要jdk详细：reactnative.cn
weixin_34061482·2020-08-11 14:20

学习 Vue ，从入门到放弃

也做个两个react的项目和一个react-native小东西，都是不懂现查资料，没有系统学习过。三大前端框架就没接触过Vue了，所以打算拿它从小白学起，也顺便写个完整学习心得。以前学习an
weixin_30525825·2020-08-11 14:50

react-native-background-job——让你的react-native项目实现后台运行

使应用处于后台时运行JavaScript的后台任务。即使应用程序已关闭，任务也会运行，默认情况下，也会在重新启动后继续存在。这个库依赖于ReactNative的HeadlessJS，目前只支持Android。在本机端，它使用FirebaseJobDispatcher或AlarmManager。FirebaseJobDispatcher（默认值）：无法准确计划任务，并且根据AndroidAPI版本允
YooHoeh·2020-08-11 13:40

react-native播放视频组件 react-native-video的用法

react-native-video是一个播放视频的开源组件，它的用法很简单。1.安装依次执行下面两个命令，npmi-Sreact-native-videoreact-nativelink(这一步是连接本地视频库)(1)ios：如果您想允许其他应用在您的视频组件上播放音乐，请添加：AppDelegate.m#import//import-(BOOL)application:(UIApplicati
__卓原·2020-08-11 13:40

react-native实现视频直播功能

import{VLCPlayer,VlCPlayerView}from'react-native-yz-vlcplayer';render(){return((this.vlcPlayer=ref)}url={this.state.playerUrl}//视频urlOrientation={Orientation}//BackHandle={BackHandle}ggUrl=""//广告urlsh
花程序媛·2020-08-11 13:29

React Native学习之编写静态界面需要注意的点

这几天在公司写了快有十来个界面写这篇文章的目的是为了提醒自己，也希望能帮助到大家~（本人纯小白所以这篇文章比较基础）一、详解一个简单的组件构成首先上一串代码：importReactfrom'react';import{Text,View}from'react-native
Empereur。·2020-08-11 13:26

[React-native]视频播放react-nati…

react-native-video是RN中的一个组件，可以调用原生的空间实现视频播放。在开发过程中是一步一个坑吧，慢慢的走出来，尽管很多没有深入研究清楚，但基本的使用已经实现，下面记录下。组件官方github上安装配置已经写得很清楚，按照上面的步骤一步步走是没有问题。https://github.com/react-native-community/react-native-videoiOS的配
Morpheus_Dong·2020-08-11 11:46

error Invalid regular expression: /(.*\\__fixtures__\\.*|node_modules[\\\]react[\\\]dist[\\\].*|webs

windows电脑执行react-native项目，报错如下：errorInvalidregularexpression:/(.*\\__fixtures__\\.
若～～～·2020-08-11 06:10

react-native InputItem和SearchBar属性整理

最近的开发涉及到了实体机上进行登录搜索等操作时，手机弹出键盘右下角按键修改的问题，通过各方面的查证，整理了一下属性，在这里做个记录，方便以后自己查看属性名称类型意义默认值autoCapitalizeenum(‘none’,‘sentences’,‘words’,‘characters’)针对哪种类型自动大小写无autoCorrectbool自动更正trueautoFocusbool自动对焦fals
QuancyZhang·2020-08-11 02:26

React Native 键盘Keyboard API使用笔记

最近在开发react-native的ios版本app的时候遇到一个问题：在app的登录界面，在antd-mobile-rn的TextInput输入密码时，弹出的键盘会遮盖住登录按钮，点击空白处键盘无法隐藏
QuancyZhang·2020-08-11 02:26

React Native项目使用react-apollo实现更新缓存的两种方式

cache是为了增强用户体验，如果每一次进入一个页面都需要从网络获取数据，当数据量很大时却迟迟加载不出来，麻爪了吧.....但是现在cache的存在却给我们造成了很大的困扰：我虽然删除了这条动态，并配合使用react-native
weixin_33813128·2020-08-10 23:05

React-Native 自定义TextInput样式

在react-native中，其实提供的TextInput样式已经非常强大了，但是事实上有时候我们可能需要自己订制一个样式已满足我们的需求，比如这种所以这篇就是介绍如何去订制。
wangdi1224·2020-08-10 22:48

React-Native ListView拖拽交换Item

在高仿“掘金”客户端的那个项目中，你会发现在打开和关闭“首页展示标签”中，我并没有实现可拖拽换位item的效果。不过在自己新写的Gank.io项目中，将这一功能实现了一把，在此记录一下。先上效果图对，就是这样～在实现这个效果前，我的思路是这样的，布局->item可点击突出显示->可移动item->可交换item->抬起手指恢复正确的位置。下面一一解释。布局忘了说了，由于这个界面的item的元素较少
wangdi1224·2020-08-10 22:48

React-Native 高仿“掘金”客户端

历时3周时间不到的时间，前两周还有考试，利用一些琐碎的时间，终于把这个App基本的界面功能完成了。先来上图一张采用React-Native0.36版本开发的，算是踩了不少坑，来简单总结一下吧。讲真，一款应用的用户忠诚度，UI绝对占有很大的关系，这也是我模仿掘金客户端的一个理由吧，里面涉及到的界面够花哨。就拿首页这张图来说，要实现这么一个图，需要层层嵌套，还要考虑左右对齐问题，所以基本这个“首页”布
wangdi1224·2020-08-10 22:48

React Native 配合react-apollo实现下拉刷新

因为项目是使用react-native，并且配合react-apollo完成页面的数据交互的，因此下拉刷新依旧需要以react-native组件为基础，配合react-apollo为react封装好的组件中的功能来实现
F-ZERO-F·2020-08-10 21:31

[android] React Native reload 重加载 失效解决方案【RN 0.29 or RN 0.32版本】

发现不能通过Reload刷新了，好坑啊，好在终于找到了解决方案：首先，找到这个文件：”\node_modules\node-haste\lib\FileWatcher\index.js“@0.29或“react-native
细水会流长·2020-08-10 18:52

收藏关于React-Native的学习指南

转自:http://www.w3ctech.com/topic/909自己在学习React-Native过程中整理的一份学习指南，包含教程、开源app和资源网站等，还在不断更新中。
fen9fe1·2020-08-10 16:32

React-Native从开始到发布的10个要点

原文链接：点我跳转（国内可能无法访问）ReactNative是令人兴奋的。它是的开发iOS和安卓的App变成了一段十分有趣的经历。然而这仍旧有一些我和我的伙伴NicholasAlanBrown觉得在我们开始开发一款准备要开发的App中需要掌握的要点虽然我们都有着全职工作，但是我们决定为《博伽梵歌》——古老的印度教宗教文本做一个iOSApp。我在印度的大学上过这样的课，我觉得这将会是一个简单的练手工
zkhCreator·2020-08-10 05:06

React Native 错误集合

java.lang.RuntimeException:com.android.builder.dexing.DexArchiveMergerException:Unabletomergedex解决方案：react-native
weixin_33922672·2020-08-10 03:38

react-native优化--压缩apk安装包大小

2019独角兽企业重金招聘Python工程师标准>>>一个简单的react-nativeHelloWorld项目打包后的大小是7MB多，对于现有项目集成react-native来说是一个不小的负担。
George_Fal·2020-08-10 02:14

(React-Native 学习之八) Rn混合开发之--Android原生代码 和 ReactNative 通信

本篇讲述Android原生代码和ReactNative相互通信，方法之间的调用：项目是接着上篇文章写得：上篇：(React-Native学习之七)Rn混合开发之–Activity直接引用Reactnative
zq_Hero·2020-08-10 01:07

原生、混合、react-native应用对比分析

原生开发、纯网页开发（H5开发）/混合开发（H5+原生）、React-Native开发原生开发是系统自带的app开发方式，也是大部分人最熟悉app开发的技术，如android、ios、wp。
Manguoge·2020-08-10 01:17

React-Native与安卓原生的混合开发

写在前面目前很多大厂APP（如淘宝、饿了么、美团等等）并不是纯原生Android&IOS，也不是纯JS开发，而是HybirdAPP开发，混合型优势很多：比如热更新，保证在一些类似双十一的活动到来时能够快速上线活动页面，用户不必再去更新APP。再来有效地减小了安装包的体积大小，大部分的界面都位于服务器端，本地只需要进行绘制。1.新建Android项目我这里使用之前的项目2.在项目根目录引入React
heyrenly·2020-08-10 00:41

React-Native SetState后页面未触发刷新解决方案

React-NativeSetState后页面未触发刷新解决方案常规设置setState写法未刷新解决方式常规设置setState写法this.setState({改变的属性})当使用antd组件，改变state中已有数组内部的数据，如增加，删除，会出现数据set正常，但页面并未刷新。未刷新解决方式this.setState(Object.assign({},this.state,{dataArr
RunningAndFly·2020-08-09 23:18

react-native引入其他值到render函数中

functionCat(){return(Iamaalsocat!);}functionCat2(){return(Iamaalsocat!);}functionHelloTest(){return(Draft);}或者在renderreturn方法外包写入consthello="Maru";引入到render{hello}{/*{hello3}*/}目前通过引入箭头函数没有成功，不清楚为什么co
stevenzqzq·2020-08-09 23:41

React-native 实现iconfont.ttf字体图标使用 以及XCode的相关配置

目前在开发一个新的app，引入字体图标的过程不是一帆风顺，下面就介绍我成功的引入使用都做了些什么（也可参考https://www.jianshu.com/p/96d5c66791c3）：1、在阿里图标库中下载好对应的字体图标，取出iconfont.ttf分别放到android->app->src->main->assets->fonts下（文件夹没有就创建一下）和ios->MyParty->Fon
hzxOnlineOk·2020-08-09 21:08

React-native 环境配置window端mac端

新技术React-native，听很多同学都在学，网络上也大力推广。但作为一名Android原生爱好者却对此若近若离。最近突发奇想，突然想试试。
羊羊爱代码·2020-08-09 20:11

react-native android打包

1.在react-native项目的根目录下运行如下命令：react-nativebundle--platformandroid--devfalse--entry-fileindex.js--bundle-outputandroid
羊羊爱代码·2020-08-09 20:40

react-native混合原生开发

前提：已安装配置好JavaSDK，搭建好Androidstudio开发环境，安装配置好Node.jsJavaSDK:1.8.0_31AndroidStudio:3.4Node:v8.12.0react-native-cli:2.0.1react-native:0.50.4一、创建AndroidStudio项目二、集成ReactNative项目左边视图窗口选择Project，点击左下角的Termin
dazhan2534·2020-08-09 20:43

React-Native 闪屏页倒计时3秒进入项目

React-Native闪屏页倒计时3秒进入项目首先声明：参考了转载的博主的方法，做了一点点修改转载的博主文章地址：https://blog.csdn.net/yichensheng/article/details
小姐姐喝旺仔嘛·2020-08-09 18:00

React-native WebView通信坑 2019-08-08

1.父级向子级发布数据：a.设置结点ref='webView'；b.发布信息：onLoadEnd={()=>{this.refs.webView.postMessage('RN向H5发送的消息');}}2.子级接收数据：a.首先想到监听方法与h5的生命周期；b.其次监听订阅：window.onload=function(){document.addEventListener('message',f
zarek_jiamu·2020-08-09 16:25

RN基础学习知识(android学习笔记)

）端口查询：netstat-aon过滤端口：netstat-aon|findstr"8081"RN:{cli命令：{初始项目：react-nativeinit'项目名称'，启动项目(android)：react-native
zarek_jiamu·2020-08-09 16:54

webpack知识点总结及webpack面试中必掌握知识点

CSS3，JavaScript，TypeScripe，es6，es7，不同浏览器对不同语言的支持力度不同，构建成浏览器能够读取的语言环境的变化：曾经前端只需在浏览器运行，现在可以在服务端（node），移动端react-native
N.S.N·2020-08-09 15:24

移动端跨平台开发的深度解析

跨平台一直是老生常谈的话题，cordova、ionic、react-native、weex、kotlin-native、flutter等跨平台框架的百花齐放，颇有一股推倒原生开发者的势头。
weixin_34250434·2020-08-09 14:51

[Taro] Taro 环境安装 (一)

Taro环境安装Taro是一个前端小程序框架，通过这个框架写一套代码，再通过Taro的编译工具，就可以将源代码分别编译出可以在不同端（微信/百度/支付宝/字节跳动小程序、H5、React-Native等
weixin_30488085·2020-08-09 13:52

React-Native探索之路（一）

对于技术小白的我来说，一听说React-Native，顿时瑟瑟发抖，虎躯一震，菊花一紧，顿时心生畏惧，总觉得React-Native和我隔着千山万岭，但是出于好奇，并且对于热爱学（zhuang）习(bi
SmileL_B·2020-08-09 10:51

react-native 编译构建时出错，提示 Build Tools版本过低提示

最近做RN项目时，使用到了react-native-blur这个用来模糊图片的库，按照github上的提示安装完毕，在控制台启动项目的时候，控制台报错，其中有一句话是这样的PleaseupdatetoBuildTools23.0.3orabove.出错的原因就很明显了，意思是构建App的工具BuildTools版本太低，我当前用的是23.0.1版本，而想要使用react-native-blur这个
Quiet-Night·2020-08-09 06:28

React-Native 封装Android 原生控件，原生UI

React-Native封装Android原生控件，原生UI，代码解析原生UI的封装importandroid.widget.Toast;importcom.facebook.react.bridge.ReactApplicationContext
T_XHJ·2020-08-09 03:29

初级前端自学react-native,必备知识点（ES6+ReactJS+flexbox）

我们在学会搭建react-native环境之后，打开项目根目录，看到很多个文件，但是最起眼的应该就是那俩js兄弟文件了我们一看那名字就知道，我们接下来的任务就是要弄它们：我们用编辑器打开项目根目录下的index.android.js
吴少雄·2020-08-09 02:48

React-native 调用原生组件

一，继承SimpleViewManager实现如下方法，自定义方法@ReactProp（name=”。。。。“）如下所示***图片加载控件*Createdbyybjon2016/2/24.*/publicclassReactImageManagerextendsSimpleViewManager{publicstaticfinalStringREACT_CLASS="RCTTBImage";@Ov
woaini705·2020-08-09 02:33

react-native 调用原生模块详解

一，继承ReactContextBaseJavaModule实现如下方法自定义方法用@ReactMethod注释/***日志打印module*Createdbyybjon2016/2/26.*/publicclassReactLogModuleextendsReactContextBaseJavaModule{privatestaticfinalStringMODULE_NAME="Log";
woaini705·2020-08-09 02:33

react-native 调用android原生函数

首先要在原生项目的基础上集成react-native项目，集成过程移步原生集成react-native1.在android项目中创建如下文件以及函数，要继承ReactContextBaseJavaModule
沉默的爆发·2020-08-09 01:11

Unable to load script.Make sure you're either running a metro server （run 'react-native start' ）

Unabletoloadscript.Makesureyou'reeitherrunningametroserver（run'react-nativestart'）orthatyourbundle'index.android.bundle'ispackagedcorrectlyforrelease.运行android的时候经常会遇到这个错误，有时候重启下服务可以解决，但是有时管用，我们需要查下an
王爷也疯狂·2020-08-08 22:06

react-native调用Android原生模块

今天学习了一下在react-native中调用原生安卓模块的使用，发现很多网上的文章都是直接照抄的文档，这样会有一些坑，导致最后无法运行或者成功调用，所以写下这个博客来分享，同时也记录一下学习过程，内容完整
__卓原·2020-08-08 22:26

React-Native:调用（Android）Native方法

有的时候我们使用ReactNative无法满足一些使用特定场景，这个时候就需要使用原生的Android方法，比如一些耗时的写操作，操作数据库或者多线程操作等。ReactNative可以直接调用系统的API（java方法）,实现JavaScript与java语言的通讯，如果ReactNative中没有满足我们需求的Api,可以封装原生的方法提供JavaScript调用。JavaScript和java
AllenCoder·2020-08-08 22:37

关于React-native里Android原生模块和组件的写法

原生模块就是把Android里的API导出来给JS调用,说简单一点,就是让自己写的Java函数能够在ReactNative的js代码里调用。比如一些实现高性能的、多线程的代码，还有譬如图片处理、数据库、或者各种高级扩展等等。http://blog.csdn.net/black_dreamer/article/details/51902187举个栗子：Toast模块：1、继承ReactContext
大灰狼的小绵羊哥哥·2020-08-08 21:15

Android原生集成react-native(二)-热更新

使用code-push和code-push-server实现热更新1.安装code-push-server:npminstallcode-push-server-g2.初始化mySQL数据库:code-push-server-dbinit--dbhostlocalhost--dbuserroot--dbpassword可以通过code-push-server-db--help查看相关命令注意:确保
踏雪-飞鸿·2020-08-08 19:25

ReactNative错误记录及解决办法

savereact-native@latest再使用yarnreact-nativerun-ios2.404问题1.build.gradle中的depends将react-native+改成具体版本，跟package.json中react-native
在飞·2020-08-08 18:06
上一页 45 46 47 48 49 50 51 52 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他