react-native 第9页

react源码1

eventsreact-domreact-recodilerschedulersharedreact和react-dom关系react的代码非常少本身是一个定义节点和行为的一个包，主要在react-dom里面如何去渲染dom，如何去更新是跟平台有关的，都放在react-dom（react和react-native

别小杰·2023-09-03 00:45

android scroolview图片轮播,React Native 之ScrollView轮播图实现方法实例

Component}from'react';import{AppRegistry,StyleSheet,TextInput,TouchableOpacity,ScrollView,Text,View}from'react-native

wxd86d5613e425e18b·2023-09-02 17:32

ReactNative（3）{多列布局、实现滚动效果、ReactNative路由}

rncreactnativecomponentimportReact,{Component}from'react';//组件或者API使用时,需要提前导入import{Text,View,FlatList,Dimensions,Image}from'react-native

！没事·2023-09-02 17:32

React-native——实现轮播图

大家好，我是贰妹子，希望我的博客对你有帮助（多动手练习一下呦）将Swiper和Text通过一个View来封装.，要比自己画轮播图要方便许多，如果你需要自己写的轮播图，而不是第三方组件可以参照第二种方法1⃣️、将Swiper和Text通过一个View来封装.、核心代码index+''}index={1}autoplayTimeout={3}horizontal={true}onMomentumScr

贰小妹儿·2023-09-02 17:02

react-native实现轮播图

目录一：需要的熟悉scrollView？二：scrollView的常用属性三：轮播图一：需要的熟悉scrollView？scrollView无疑是移动开发中很重要的一个组件，比如后面会学到的ListView就是继承自它。那么，在开发中比如：焦点图、引导页等地方都需要它。注意：scrollView必须有一个确定的高度才能正常工作；通常有两种做法：第一种：直接给该ScrollView进行设置高度(

波波只会Cv·2023-09-02 17:02

react-native-camera插件的使用，以及实现人脸识别

地址和环境版本（1）Git地址：https://github.com/react-native-camera/react-native-camera/tree/master（2）node版本：14+（3）react-native

Echo-潔·2023-09-02 17:01

react-native-SerialPort 串口插件使用及配置

一、git地址和环境版本（1）Git地址：https://github.com/Marcello168/react-native-SerialPort（2）node版本：14+（3）react-native

Echo-潔·2023-09-02 17:01

react native 使用Native Module、Intent、广播接收器实现两个app之间的相互通信

一、reactnative版本环境：“react”:“18.1.0”,“react-native”:“0.70.6”,“node”:"14.18.2二、发送端步骤：在Aapp中注册一个NativeModule

Echo-潔·2023-09-02 17:31

【React-Native】用ScrollView封装可滑动翻页的菜单

用react-native开发一个如下图所示的可滑动翻页的菜单集合：菜单可以滑动翻页，是不是特别像是轮播图呢？

small_Axe·2023-09-02 17:00

react-native ScrollView 实现上拉滑动全屏，下拉恢复原先大小

下拉恢复原先大小1.1需求分析缩小时不允许滚动，只有上滑动能唤醒动画，移至指定位置完全展示出来后可以内部进行滑动，当滑动到顶部，再向上滑(手势是从上至下)时，缩小整个list1.2技术分析list采用react-native

I-T枭·2023-09-02 17:30

react-native 点击跳转到高德、百度地图并显示路线规划

参考来自：https://www.jianshu.com/p/ca8d03b89410import{Linking,Platform}from'react-native';varMyUtil={/***

物联白菜·2023-09-02 14:00

在React-Native中，使用fetch时，cookie问题。

在React-Native中，使用fetch时，cookie问题。

meeni·2023-09-02 03:36

React-native IOS 资源文件打包不显示

1.创建bundle文件夹做法：在ios目录下创建bundle文件夹，拖入xcode，勾选Greatefolderreferences(重要)WechatIMG190.jpeg2.用命令打包，生成资源文件react-nativebundle--entry-fileindex.js--bundle-output./ios/bundle/index.ios.jsbundle--platformios-

Mylovesunshine·2023-09-01 18:49

react-native 脚手架 create-react-native-app

'''npminstall-gcreate-react-native-app''''''npmconfigsetregistryhttps://registry.npm.taobao.org''''''create-react-native-appmy-app''''''cdmy-app''''''npminstall@ant-design/react-native--save''''''npmi

SugeonYen·2023-09-01 00:17

06-性能优化-拆包1-bundle 命令

本文主要介绍bundle命令的执行过程，以及Facebook专门为react-native开发的打包工具Metro(针对v0.30.2)的基本原理。

砌墙的民工·2023-08-31 23:13

CodePush热更新接入-iOS

CodePush热更新接入-iOSReact-native-code-push是微软针对React-native推出的热更新服务。CodePush官方文档。

joeal·2023-08-31 18:16

react-native 篇

ListView一行放多个contentContainerStyle={{flexDirection:'row',flexWrap:'wrap',width:width}}轮播图ant-mobile轮播图html中查找img和p添加样式

duansiyu·2023-08-31 16:21

ios使用cocopods导入0.60.4版本RN node_modules库podfiles文件

/node_modules/react-native/'pod'Re

要成为_海贼王_的男人·2023-08-31 10:05

react-native run-ios运行时陷入死循环

使用react-nativeinitAwesomeProject创建的工程用命令行react-nativerun-ios运行时陷入了死循环，如下使用xcode打开，运行时报错“NobundleURLpresent”发现项目工程中缺少main.jsbundle解决方法如下：https://www.jianshu.com/p/f6cba6e9123c

一颗八十一·2023-08-31 06:13

Looks like you installed react-native globally, maybe you meant react-native-cli?

这个问题命令窗口给的提示没用。在项目目录下使用下面这个命令解决：npminstall--save-devreact-native-cli

小心搬砖·2023-08-30 23:48

仿照Angular的date过滤器将时间戳依照传参格式返回

背景：最近在写react-native项目，后端返回时间戳，但各个设计稿给的时间格式都不相同...目的：仿照Angular的date过滤器将其时间戳根据传参格式返回。

空城皆是旧梦·2023-08-30 21:41

06-性能优化-拆包3-自研方案

备注：笔者在开发时React-Native版本为0.54.0。目前最新的版本0.57+,一些策略需要再修改。1.

砌墙的民工·2023-08-30 21:40

初试React-Native启动屏

版本信息："react-native":"0.57.4","react-native-splash-screen":"^3.1.1",自己刚入门React-Native，自己在测试的时候，发现第一次打开

我叫傻先生·2023-08-30 03:58

ReactNative问题随笔-Can’t find variable: XXX

那就是没有导入的问题,解决方法如下,把Can’tfindvariable:之后的字符串进行导入;import{AppRegistry,Text,View,TouchableOpacity,}from'react-native

zackaryZhu·2023-08-30 02:07

react native 0.55.4集成到本地的坑

pods需要先更新一下podupdate错误：ReactNativeiOS:Couldnotbuildmodule'yoga':'algorithm'filenotfound需要在node_modules/react-native

俊逸的狮子·2023-08-29 12:44

React Native App第三方库

lottie-react-native动画库github以及官网可以用于页面加载时的动画importReact,{FC}from"react";import{SafeAreaView,ScrollView,Text}from"react-native

·2023-08-29 10:01

Mac react-native android模拟器

adbkill-server网易MuMu模拟器adbconnectlocalhost:22471adbdevicesadbconnectlocalhost:22471在模拟器摇一摇设置里面设置本机ip以及端口192.168.1.1:8081

程序马·2023-08-29 10:20

【Flutter】flutter和react-native的性能对比

Flutter和ReactNative是两个流行的跨平台移动应用开发框架。它们都提供了一种方式来使用一套代码编写应用程序，并运行在多个平台上，如iOS和Android。就性能而言，Flutter和ReactNative在某些方面有一些差异。下面是一些比较常见的性能方面的对比：渲染性能：Flutter使用自己的渲染引擎来绘制用户界面，称为Skia。这使得Flutter在性能方面表现出色，可以实现平滑

hzxOnlineOk·2023-08-29 06:57

3. react-native 计算屏幕宽高值

const{height,width}=Dimensions.get('window');计算手机屏幕的宽度值

hi文邵·2023-08-27 23:44

the developerment server returned response errpr code:404

首先是报出这个错误，按照报错行数注释之后会出现下面的404错误该错误是因为react-native版本自动下载到了最新版，需要在项目中指定版本1、修改android/build.gradle,添加如下代码

蜗牛的学习方法·2023-08-27 19:04

react-native导航栏StackNavigator

StackNavigator是react-native的页面路由配置控制器，是一个堆栈导航器，由于它是一个堆栈导航器，所以它的使用上和iOS上的navigationvontroller导航栏一样，具备push

堇之·2023-08-27 18:00

封装react-native组件开源到npm

前奏做前端也有一段时间了，封装了大大小小很多的组件，至今自己都有点想不起来了有哪些了，但都是在项目代码里面。如果想跨项目使用，要用的时候需要一个个项目去翻找，还必须copy代码过去，着实头痛。近期，恰逢公司要求封装独立的组件系统供各个系统标准化调用。这才开始将现有组件逐一进行发布。当然，公司使用的内网，这里是我经过修改后，开源后方便自己之余以供大家参考。tips:这里将采用第三方的插件（react

火星第一帅·2023-08-27 12:04

react-native-tableview 使用

众所周知，react-native的ListView是使用ScrollView封装的，是完全没有重用机制的，iOS配备了UITableView，通过重用底层的UIViews实现了非常高性能的体验，相比较而言

redye·2023-08-26 22:13

react-native热更新集成(使用CodePush)

终于要集成下rn的热更新了，这边挑选了微软的CodePush服务https://microsoft.github.io/code-push/首先列一下大体步骤：本地安装CodePushcli注册CodePush账号把要接入的项目加入到你的CodePush中项目中安装CodePushsdk加入集成的代码发布更新版本来测试上面的123步骤下面各种教程都有，就只粗略写一下，重点写具体项目集成的1、2安装

huk·2023-08-26 15:05

IOS与React Native混编，将RN框架使用CocoaPods集成到原生项目中

1,用Xcode创建一个iOS项目2，我们在RN-IOS项目目录建一个package.json文件，用于初始化React-native。

hbblzjy·2023-08-25 22:50

react-native 升级和安卓打包

之前一直都是用react-native的0.55.4的版本。本来想一直用这个版本到最后的。然而遇到TextInput的bug。

懒闲生·2023-08-25 19:33

React-Native JS 加载原生组件（iOS）

举例：在RN中，使用image加载网络图片，但是RN的image是没有缓存效果的；原生中，使用的是SDWebImage进行图片的缓存处理。如何让RN中也有图片缓存效果呢~直接让RN加载原生组件就可以啦一：一个简单的JS加载原生组件先简单的熟悉下JS是怎么实现加载原生组件的1.首先我们需要requireNativeComponent这个东东帮助我们在JS中获取原生组件import{requireNa

精神病患者link常·2023-08-25 16:40

react-native 语法笔记

react-native基本框架---三板斧1、引入基础组件importReact,{Component}from'react';//引入React及Componentimport{StyleSheet

恍然如梦初醒·2023-08-24 17:32

【react-native】小结-2

CSS布局import{createStyle,themes}from'styles/theme'import{deviceWidth,deviceHeight}from'common/constants';exportconstenterpriseStyle=createStyle({container:{flex:1,flexDirection:'row',//布局方向‘row’,‘colum

幸福的尾巴__·2023-08-24 10:16

React Native templete

DATE}////desc：$Description//importReact,{PropTypes,Component}from'react';import{StyleSheet,View,}from'react-native

even林0·2023-08-24 08:32

xcode 10 RN项目编译报 libfishhook.a找不到的错误

ShowingAllMessages:-1:Buildinputfilecannotbefound:'/Users/xzz/Desktop/project/shunguangShop/node_modules/react-native

code_xu·2023-08-24 02:30

react-native JSON数据找不到变量报错

1、应用场景storeinitinitData={userInfo:{},//初始化定义}const{userInfo}=this.props.Store;{userInfo.data.name}//报错name找不到小方法：varobj={data:{person:{name:'lily',age:30}}};vararr=["data","person","name"];vardefault_

冬天73051·2023-08-23 22:39

01-Taro打造hello-world应用

Taro打造hello-world应用一、简介Taro是由京东凹凸实验室出品，书写一套代码通过Taro的编译工具，将源代码分别编译出可以在不同端（微信/京东/百度/支付宝/字节跳动小程序、快应用、H5、React-Native

页面仔小杨·2023-08-23 21:12

React-native Text文字垂直居中的问题

React-native中文字垂直居中的坑iPhoneX设置了justifyContent居中，但是iPhone12promax不居中解决方案在Text外部包裹一层view，flex属性放在view里，

晨阳Xia·2023-08-23 19:23

react-native启动页配置

1启动图安装第三方库(react-native-splash-screen)；根据react-native版本选择不同的安装包ReactNative>=0.47.0usev3.+,ReactNative

北故城·2023-08-23 18:14

react native 自己动手写日历区间选择控件

importReact,{Component}from'react'import{StyleSheet,View,ScrollView,TouchableOpacity,Text,Dimensions}from'react-native'importmomentfrom'moment'constwidth

tomorrow_chen·2023-08-23 11:12

react-native 项目搭建

需要实现的功能1、视频播放；2、音乐播放；3、蓝牙链接；4、沉浸式和安全区5、轮播图6、路由系统7、iconfont8、持久储存9、可以使用的css视频播放器的使用使用的视频播放器组件为react-native-video文档地址先说结论：一定要使用^6.0.0-alpha.1版本，运行[email protected]下载；下载之后，要运行一次npxreac

Yinzhishan·2023-08-23 08:30

开发React-Native项目环境配置

1、前言：开发RN项目，环境是个很大的问题，下面将环境配置记录下来。step1、先去https://nodejs.org/en/下载node下载之后直接安装：image.png需要注意的是，node官网往往会给出两个默认的版本，一般左边的稳定版，后边的是最新版（先选用稳定版）下载下来进行安装。step2、看是否安装成功：测试node是否安装成功的方法：打开cmd命令工具，输入node-v如果出现下

CaoMeng·2023-08-21 19:26

React-Native Canvas

思路：React-Native自己是没有Canvas，可以利用react-native-webview注入html做一个Canvas，把写入Webview的html作为可变的字符串，每写一条canvas

·2023-08-21 17:59

react-native踩坑日志

最开始抱着试一试的态度去学react-native的，初步尝试了一段时间，发现其实它跟web前端有非常多类似的地方。

陳有愛·2023-08-21 13:10

推荐频道

react-native