react-native

React-Native之React Navigation

ReactNavigation官方地址:https://reactnavigation.org/设置样式和标题：staticnavigationOptions={title:'Home',headerStyle:{backgroundColor:'#f4511e',},headerTintColor:'#fff',headerTitleStyle:{fontWeight:'bold',},};可变
SnoopPanda·2023-06-07 20:32

react-native踩过的坑

React-native1.Text文本中插入图片：View用弹性布局2.FlatListonEndReached频繁调用，将onEndReached={this._onEndReached改为箭头函数（）=>this._onEndReached}3.react-native安装0.56出错问题，出现如图所示两张图，且版本是0.56，解决方法是安装稳定版本，如0.55.44.react-navig
鹏霸霸·2023-06-07 16:42

iOS集成RN

1、执行podinstall时如报如下错误图1解决办法参考https://github.com/facebook/react-native/issues/184082、引入react-navigation
我是走神ing·2023-04-21 20:28

react-native-vector-icons 安装

在项目根目录下执行以下命令安装react-native-vector-icons：npminstallreact-native-vector-icons--save在iOS项目中，使用CocoaPods安装react-native
小妖怪的夏天·2023-04-21 18:43

react-native app 的自动下载

package********;importandroid.app.DownloadManager;importandroid.app.DownloadManager.Request;importandroid.content.Context;importandroid.app.Activity;importandroid.content.SharedPreferences;importandro
小妖怪的夏天·2023-04-21 18:43

Android project not found,try 'react-native android

在将react-native集成到现有的android项目中时，当项目集成完成，运行“react-nativerun-android”时出现“Androidprojectnotfound,try'react-nativeandroid
Aran_·2023-04-21 18:02

现有iOS项目集成React-Native 0.61.5

本文基于react-nativev0.61.5集成准备工作首先，我们用Xcode快速建立一个只有首页的基本工程，工程名为iOSDemo.对于iOS工程来说，由于基本工程并不支持以组件化的方式管理项目，因此我们还需要多做一步，将其改造成使用CocoaPods管理的工程，也就是要在iOSDemo根目录下创建一个只有基本信息的Podfile文件：target'iOSDemo'douse_framewor
七分呗轻唱·2023-04-21 15:04

RN打包

react-native因为是用JavaScript语言写的，所以需要把js代码和图片资源都放进apk中，所以打包时需要生成JavaScript的Bundle离线包，之后就可以像原生一样打包就OK了。
雪脩·2023-04-21 15:53

react-native FlatList 中的ListHeaderComponent头中图片闪烁问题

问题原因头部组件内容包含Image时，是属于FlatList的子组件。当FlatList刷新数据的时候连带着子组件也会刷新原来的代码（伪代码）index.toString()}ListHeaderComponent={()=>...}renderItem={({index,item})=>...}/>解决办法把ListHeaderComponent中的代码提取成一个方法listHeader()。在
程序猿isMe·2023-04-21 08:11

React-Native 开发实用指南｜环信学院

本文主要介绍React-Native的实际使用经验，对于想要快速入门的同学是有帮助的。作者|佐玉出品|CSDN（ID：CSDNnews）1、整体介绍首先说，React-Native用来做什么？
环信即时通讯云·2023-04-21 06:54

React Native + Ant Design 的 Tabs组件问题

标签页1.主要用来做选项切换作用Tabs样式antdesign官方文档中有一个简单的例子，importReactfrom'react';import{ScrollView,Text,View}from'react-native
Petricor·2023-04-21 00:14

React Native 混合ios android开发 及常用框架

ReactNative中文网ios在集成过程中，需要修改package.json和Podfile，按文档中的内容，如果podinstall过不了的话，可以参考https://github.com/facebook/react-native
linzhiji·2023-04-20 23:45

React Native 拆包实践3 - react-native bundle

下面我们来看看react-nativebundle的实现，bundle也是react-native的一个子命令，和start(ps:实际在代码里是server)同级：//cli/packages/cli
西西的一天·2023-04-20 04:03

无标题文章

React-native常见错误总结及DebugJSRemtoely调试报错一：Couldnotconnecttodevelopmentserver错误原因1:无法连接node.js服务器。
b9146bdfb5ee·2023-04-20 02:41

error An unexpected error occurred: "https://registry.npm.taobao.org/react-native: tunneling sock...

执行命令react-nativeinitAwesomeProject[1/4]Resolvingpackages...infoThereappearstobetroublewithyournetworkconnection.Retrying...infoThereappearstobetroublewithyournetworkconnection.Retrying...infoThereappe
大大大寒·2023-04-20 01:46

[React-Native]编译失败Print: Entry, ":CFBundleIdentifier", Does Not Exist

问题描述react-nativerun-ios编译失败，提示Print:Entry,":CFBundleIdentifier",DoesNotExist。但在Xcode中Native编译运行OK，不存在代码错误。解决方法rm-rfnode_modulesrm-rf~/.rncache用Xcode打开当前项目，找到File|ProjectSetting或WorkspaceSetting|找到Deri
猎手Andy·2023-04-19 22:52

iOS Pod集成RN环境

/node_modules/react-native',:subspecs=>['Core','CxxBridge',#IncludethisforRN>=0.47'DevSupport',#
rocky_tt·2023-04-19 05:19

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

创建React-Native项目react-nativeinitdounineApp
大猪大猪·2023-04-19 04:28

react-navigation在react-native: 0.60.3

附react-navigation官方配置链接：https://reactnavigation.org/docs/en/getting-started.html#installation
Tzhen·2023-04-18 12:55

react-native ios

1.环境搭建安装mac开发ios应用的环境https://reactnative.cn/docs/getting-started.html2.新建项目如何新建项目https://reactnative.cn/docs/getting-started.htmlmac缺少编译库编译失败https://www.jianshu.com/p/c9dd9e4ec9f13.编译并运行Xcode的设置https:
喵喵_1910·2023-04-18 02:29

02-组件及其自定义

组件的属性（Props）importReact,{Component}from'react';import{Image}from'react-native';exportdefaultclassBananasextendsComponent
imChay·2023-04-18 00:22

react-native 新建项目

指定版本新建项目react-nativeinitname//系统默认版本react-nativeinitname--verison0.44.0//指定版本0.44.0第三库组件ReactNative常用组件@react-navigation路由导航@react-native-check-box（复选框）@react-native-easy-toast（提示组件）@react-native-spla
sponing·2023-04-17 22:43

/node_modules/react-native"

在按照官网提示安装f8app时，遇到的错误，原因是上一步没有导入node_modules文件。如图：屏幕快照2017-11-2110.52.14.png在上层文件路径中执行一下命令npminstall--registry=https://registry.npm.taobao.org然后再去执行podinstall大功告成屏幕快照2017-11-2110.56.14.png参考链接：http://
元昊·2023-04-17 18:58

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

创建React-Native项目react-nativeinitdounineApp
kikiki2·2023-04-17 18:26

关于OC项目混编Swift遇到的坑

最近在做react-native项目，起初用到了socket.js做长连接，可能是因为socket.js设计之初是适应web环境的，所以在打包ios和安卓的时候，遇到了一些连接丢包的bug，后来领导决定用原生
菜鸟成长史·2023-04-17 10:20

如何采集RN的js异常并上报

React-Native内部已经实现了一套异常处理的流程，fetal和soft的error都会将堆栈信息回调回来我们可以通过hookRN的异常处理的方法，在其中加入自己的业务逻辑，比如：上报异常堆栈信息到服务器或者
jayhe·2023-04-17 07:23

一步步实现一个自适应的react-native拖拽排序

2019.6新增顶部固定功能，可以设置开始连续几个为不可拖动功能，类似今日头条一样，该功能和今日头条拖拽一样，可以去对比一下。ezgif.com-resize.gif2019.3:新增单行拖拽演示，其实这个功能一致，这个拖拽插件本来就是自适应行,有时间会整体优化下ScrollView问题，使控件自带ScrollView功能。one-line.gif2019.2:优化拖拽不移动时自动恢复，现在这个插
mochixuan·2023-04-17 06:08

react-native RCTImage源码初解析（iOS）

简单时序图注：为了便于理解，把RCTImageLoader的几个方法当做独立对象对待了（用方框框出来的是三个RCTImageLoader对象方法）。RCTImage_Sequence_Diagram.jpg本文是基于react-native0.37.0版本进行分析的。RCTImageView1、初始化-(instancetype)initWithBridge:(RCTBridge*)bridgeN
图南狗·2023-04-17 00:52

为什么谷歌、苹果禁止热更新技术，国内却没有？

据了解，苹果不是完全禁止热更新，React-Native热更新机制是允
TuTu6169·2023-04-17 00:36

RN渐变按钮

react-native渐变效果,渐变背景组件封装组件文件importReact,{Component}from'react';import{Text,StyleSheet}from"react-native
demoly·2023-04-17 00:15

react-native 踩坑

1.can'tresolvexxmodel时Loadingdependencygraph,done.error:bundlingfailed:Error:Unabletoresolvemodule`models/import`from`E:\AndroidStudio\myC\kangjiaxin2\src\launch.js`:Module`models/import`doesnotexisti
哎乌勒·2023-04-16 23:17

React Native升级引起的version mi'stmatch

我当前环境：image.png突然报错图：image.png解决办法：在依赖中修改，进行强制依赖compile("com.facebook.react:react-native:0.51.0"){force
ZhaoChong·2023-04-16 15:00

react-native-tencent-im-ui 腾讯云即时通信 IM 服务的react-native，使用原生ui版本得sdk

react-native-tencent-im-ui腾讯云即时通信IM服务的react-native，使用原生ui版本得sdk起因，项目中需要用到基础的im功能（聊天和聊天列表），晚上搜了一圈也没有找到
yuncq6688·2023-04-16 14:00

androidstudio虚拟机运行react-native项目踩坑指南

androidstudio虚拟机运行react-native项目踩坑指南安装JDK安装androidstudio配置环境变量新建虚拟机新建RN项目运行项目本文详细的记录了照react-native官网文档运行项目踩到的所有坑
星海拾遗·2023-04-16 11:45

iOS 原生插入React-Native 页面

/node_modules/react-native/scripts/react_native_pods'require_
程序马·2023-04-16 10:04

React-Native之华为SetSpeed

在RN中一般都会使用react-native-sound来播放音频，在使用react-native-sound播放音频设置播放速度时，在某些华为机型正常设置是无效的，而且会导致播放停止，要在prepare后做如下设置：player.setSpeed(2);player.setSpeed(1);然后再进行正常操作：player.play(callback);player.setSpeed(speed
GL101·2023-04-16 10:58

React-Native环境搭建&项目搭建遇到的坑

1、今天配置完RN的开发环境之后出现一下错误，need-to-insert-img2、然后依据网上给的答案，终端执行$rm-rf/Library/Developer/CommandLineTools$xcode-select--install然后安装xcode-selectneed-to-insert-img只见cpu狂转，那声音，就怕电脑死机，呜呜呜3、终于装完了，重新建第二个项目SecondR
caicai07130·2023-04-16 05:34

已有旧项目集成RN, pod install 报错`React-xxxx (= 0.60.5)` depended upon by `xxxx`

/node_modules/react-native/'pod'React-Core',:path=>'..
lwhldy·2023-04-16 05:34

react-native获取组件位置宽高

react-native获取组件在屏幕中相对位置以及视图宽高引入模块import{UIManager}from'NativeModules';import{findNodeHandle}from'react-native
张大娃创业说·2023-04-16 00:08

React-Native全面屏适配

react-nativereact-native提供了一个SafeAreaView组件可以实现全面屏的适配，但只是针对于IOS端有效，Android端无效。为了实现两平台的统一，我又封装了一个带Header头部导航栏的高级版SafeAreaView，可通过下方命令安装。yarnaddreact-native-zy-safe-area-plus有如下属性可以设置属性默认值说明barStyledark
无穷369·2023-04-15 11:40

react-native 打包流程分析（metro）

从命令的入口react-native/package.json/bin层层深入（fiveminuteslater...）
搞搞前端·2023-04-15 08:54

react-navigation: 安卓左右切换页面/转场并右滑返回

React-Native中我们常用react-navigation来做导航，页面切换是也提供了model和card两种方式。
FansX·2023-04-15 07:28

RN之组件的高度与宽度

importReact,{Component}from'react';import{View}from'react-native';exportdefaultclassFixedDimen
一只西西狸·2023-04-15 05:30

React-native 首个工程使用的三方记录

React-native版本：0.61.2跨平台轮播图react-native-swiper,目前在安卓上运行会报错ViewPageAndroidhasbeenremovedfromreact-native
bugbiu·2023-04-15 01:18

react-native知识点

react-native知识点PureComponent是纯组件即无状态组件,更新state不会触发重新渲染,只有调用两次的props不同才会渲染setState是异步第二个参数接收一个回调如果后面紧跟的也是异步操作的话需要考虑谁先进入异步栈
Vijay_·2023-04-14 22:07

CSS3 Flexbox 口诀

适用于CSS3、React-Native的Flexbox口诀FlexboxflexDirectionflexWrapjustifyContentalignItemsalignContent
Coder_JMicheal·2023-04-14 19:03

flutter 奔溃

为什么在React-Native中发布构建时出现网络错误？
ArtEric·2023-04-14 18:21

RN 学习过程中有待研究的专题

适配ReactNative屏幕适配解决方案react-native屏幕适配
奔跑的杰尼龟zxl·2023-04-14 16:46

React-Native 使用第三方 UI

一、react-native-elements官网：https://reactnativeelements.com/安装。进根目录搞起。npminstallreact-native-elementsnpminstallreact-native-vector-iconsnpminstallreact-native-safe-area-context#使用最新版，可能会版本冲突。如果报错，提示里有可用
游园拾忆·2023-04-14 14:07

react-native android app 制作图标

原文地址:https://dsx2016.com/?p=377➢一些准备工作仅为个人渐变系列图标制作教程简单总结,纯UI小白UI素材:渐变色背景(https://webgradients.com/)小图标(https://www.iconfont.cn/)工具:美图秀秀(自行谷歌)图标工厂(https://icon.wuruihong.com/#)➢下载渐变背景图挑选喜欢的符合app风格的色系下载
IT大师兄吖·2023-04-14 09:48
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他