ReactNative 第2页

Android混合开发之 ReactNative3--重要概念，Flex布局和RN组件之间的通信

重要概念：组件：万物皆组件，界面按钮Text等都是组件，组件都有状态。props:初始属性，为了传递数据，不可改变。（可以通过父组件去影响当前的props,即父组件向子组件传递数据）state:数据状态集合，可改变。this.setState改变状态,从而影响和刷新当前UI。Flex布局：Flex布局：弹性盒子布局。image.pngimage.pngFlex主要属性：主轴交叉轴：主轴就是排列轴，

李星星星星星·2024-02-12 07:13

React Native开发iOS实战录

glog.glog.log_severity’appearswithinnamespace‘google’yarn网络问题pod安装失败unabletoopensettingsfile相关链接背景准备将之前的一个ReactNative

北极象·2024-02-11 19:42

RN学习一：RN环境搭建（mac）

RN必须安装的依赖：node、watchman、ReactNative命令行工具、Xcode通过Homebrew工具安装1.安装nodebrewinstallnode2.安装watchmanbrewinstallwatchman3

諾城·2024-02-10 03:54

React Native环境配置搭建

ReactNative环境配置搭建（史上最详细教程和注意事项）一、安装node二、安装yarn三、安装JavaDevelopmentKit四、搭建Android开发环境ReactNative官网环境搭建教程写的不够详细

金炑颜·2024-02-09 08:49

仅限今日！1 元速抢 Flutter 中文教程！

从Hybrid到Weex、ReactNative这些跨端技术的出现，确实很好地解决了跨端技术不一致、热加载、提升开发效率，以及降低开发成本的问题。

GitHubDaily·2024-02-09 07:25

Github 2024-02-07 开源项目日报 Top9

根据开发语言中项目的数量，汇总情况如下：开发语言项目数量Rust项目2TypeScript项目2Python项目2Ruby项目1HTML项目1NASL项目1Go项目1C项目1Svelte项目1C++项目1ReactNative

孙琦Ray·2024-02-08 10:25

React简介、虚拟DOM、Diff算法、创建React项目、JSX语法、组件、组件声明方式、组件传值props和state、组件的生命周期

React简介：前面只是简单介绍移动APP开发，后面还会继续深入介绍移动app开发；其中想要用ReactNative开发出更出色的应用，那么就得学好React，下面将介绍React：React是一个由Facebook

苦海123·2024-02-08 08:35

Taro开发注意点

taro开发注意点：注意点原因如果要支持ReactNative端，必须采用Flex布局，并且样式选择器仅支持类选择器，且不支持组合器TaroRN端是基于Expo，因此不支持引入ReactNative的第三方库某些样式代码仅供

习惯就好a·2024-02-07 22:45

React-Native之Navigator

Navigator安装从0.44版本开始，Navigator被从reactnative的核心组件库中剥离到了一个名为react-native-de

武昌鱼艾特222·2024-02-07 14:46

loading dependency graph done.

初始化项目出错react-nativeinitproject1添加文件index.android.js,文件内容如下/***SampleReactNativeApp*https://github.com

war_ttccll·2024-02-07 09:43

ReactNative开发IOS环境打包ipa过程

一、使用Mac电脑二、打开vscode，打开ReactNative项目代码，npminstall安装依赖三、启动项目，使项目能正常运行使用Xcode打开项目中ios文件下的axychzApp.xcodeproj

ywltoread·2024-02-07 07:29

react框架知识点

ReactNative编写原生应用。高效（优秀的Diffing算法）。React高

zmw1502·2024-02-06 13:54

ReactNative实现一个圆环进度条

我们直接看效果，如下图我们在直接上代码/***圆形进度条*/importReact,{useState,useEffect}from'react';importSvg,{Circle,G,LinearGradient,Stop,Defs,Text,}from'react-native-svg';import{View,StyleSheet}from'react-native';//渐变色const

xvzhengyang·2024-02-06 13:22

Airbnb放弃react-native博客译文（一）

react-native-at-airbnb-f95aa460be1cThisisthefirstinaseriesofblogpostsinwhichweoutlineourexperiencewithReactNativeandwhatisnextformobileatAirbnb.WhenAirbnblau

莫寂岚·2024-02-06 10:28

ReactNative实现的横向滑动条

OK，我们先看下效果图注意使用到了两个库1.react-native-linear-gradient2.react-native-gesture-handlerok，我们看下面的代码import{Image,TouchableWithoutFeedback,StyleSheet,View}from'react-native';importLinearGradientfrom'react-nativ

xvzhengyang·2024-02-06 02:58

rn 实现上下滑动选择列表_React Native学习（七）—— FlatList实现横向滑动列表效果...

本文基于ReactNative0.52一、总览这个效果也是APP里很常见的，之前把这个想的太复杂了，后来才知道原来用FlatList就可以轻松实现，效果图如下(专题精选)：二、代码实现1、加几条数据topic

weixin_39690105·2024-02-06 02:58

React18全家桶

用于构建用户界面的JS库React的官方文档声明式编程：他允许我们只需要维护自己的状态，当状态改变时，React可以根据最新的状态去渲染我们的UI界面组件化开发：将复杂的界面拆分成小的组件多平台适配：ReactNative

本地跑没问题·2024-02-06 02:52

跨端性能、原理对比

二、webviewbridge三、reactnative在原生代码中运行js代码，javascriptcore优点复用了React的思想，有利于前端开发者涉足移动端。

good__day·2024-02-05 19:10

ReactNative实现弧形拖动条

我们直接看效果先看下面的使用代码this.handleEmailSbp(changeValue)}onChange={(changeValue:number)=>this.handleEmailDpd(changeValue)}contentContainerStyle={styles.contentContainerStyle}strokeWidth={10}buttonBorderColor=

xvzhengyang·2024-02-05 12:42

ReactNative实现宽度变化实现的动画效果

效果如上图所示，通过修改设备宽度实现动画效果importReact,{useRef,useEffect,useState}from'react';import{Animated,Text,View,Image}from'react-native';constFadeInView=props=>{constfadeAnim=useRef(newAnimated.Value(0)).current;R

xvzhengyang·2024-02-05 12:42

ReactNative实现文本渐变

我们直接上图，可以看到上面文本的效果，使用SVG实现1.首先还是要引入react-native-svg库2.使用该库下面的LinearGradient和Text好，话不多说，我们看具体代码文字是渐变色

xvzhengyang·2024-02-05 12:12

React简介

是用于动态构件用户界面/视图的js库，由Facebook开源React特点采用转化模式、声明式编码，提高开发效率即组件复用率2.ReactNative可以使用React语法进行移动端开发3.使用虚拟DOM

廿二的学习日记·2024-02-05 02:45

RN安卓首屏白屏优化处理

mReactRootView=createRootView();mReactRootView.startReactApplication(getReactNativeHost().getReactInstanceManager

田_19ab·2024-02-04 17:03

React Native 架构演进

写在前面上一篇(ReactNative架构一览)从设计、线程模型等方面介绍了ReactNative的现有架构，本篇将分析这种架构的局限性，以及ReactNative正在进行的架构升级计划一.现有架构的局限性最初的设计也带来了一些限制

卷卷卷卷卷er·2024-02-04 04:31

详解 React Native

ReactNative，是一个混合移动应用开发框架，本文根据C.EnriqueOrtiz的文章DissectingReactNative同时结合自己开发中的一些理解编写ReactNative是目前流行的跨平台移动应用开发框架之一

weixin_33895604·2024-02-03 20:28

美团React Native开源组件库beeshell详解

从早期的PhoneGap、inoc等Hybird技术，到现在耳熟能详的ReactNative、Weex和Flutter等技术，无不体现着移动端开发的前端化。

「已注销」·2024-02-03 20:57

ReactNative 本地编译

工程build.gradle文件buildscript{repositories{maven{url'https://maven.google.com/'name'Google'}jcenter{url"http://jcenter.bintray.com/"}maven{url"https://jitpack.io"}}dependencies{classpath'com.android.too

OK2018·2024-02-03 20:28

Java和Javascript的区别和联系

JavaScript最初被设计用于在网页浏览器中添加交互性，现在它也用于服务器端(Node.js)、移动应用(ReactNative

Min_nna·2024-02-03 16:13

error An unexpected error occurred: "https://registry.yarnpkg.com/react-native-template-react-nat...

ts+reactnative执行ts模板RN工程初始化命令报错npxreact-nativeinitAwesomeTSProject--templatereact-native-template-typescripterrorAnunexpectederroroccurred

华健_4106·2024-02-03 12:22

几个桌面应用开发框架比较：Electron、Flutter、Tauri、React Native 与 Qt

在本文中，我们将比较五种流行的桌面应用程序开发框架：Electron、Flutter、Tauri、ReactNative和Qt，可以帮助你根据项目需求做出明智的决策。

雨中深巷的油纸伞·2024-02-03 10:56

react-navigation 使用详解

RitchieWei·2024-02-03 10:04

React Native自定义控件【底部抽屉菜单】

关于自定义View的内容网上已经有很多的博文，本篇博客要和大家分享如何在ReactNative中自定义组件实现抽屉菜单控件效果。

barnett_y·2024-02-03 10:34

React Native - 01 - Hello World!

ReactNative就像React，但它使用本地组件而不是Web组件作为构建块。因此，要理解ReactNative应用程序的基本结构，您需要了解一些基本的React概念，如JSX，组件，状态和道具。

wanqijian·2024-02-03 02:44

（原创）Lottie动画使用介绍

可以支持iOS、Android和ReactNative，可实时渲染AfterEffects动画，让应用程序使用动画就像使用静态图像一样轻松。

Android_xiong_st·2024-02-03 00:53

React Native Cannot read property ‘map‘ of undefined

学习Reactnative开发中，自定义了一个组件，传参进来了一个数组tabList想读取数组值的时候，tabList.map(item=>item.component)一直报Cannotreadproperty'map'ofundefined

源源源源圆圆·2024-02-02 13:19

android原生 ui 组件,React Native 使用原生 UI 组件

在之前的一篇文章中，我记录了已有的Android项目如何接入ReactNative，介绍了RN如何调用原生的方法，本篇文章上在之前的一篇的文章的基础上续写的，这一篇文章中我将记录Android如何封装原生组件

奶瓶屁屁·2024-02-01 15:32

React Native

学习目标解决以下问题:1.什么是ReactNative？为什么它的名字中有“Native”字样？2.为什么ReactNative如此之酷？

啊啊啊杨·2024-02-01 15:31

reactnative 调用原生UI组件(二)，引入xml文件。

reactnative调用原生UI组件(二)，引入xml文件介绍reactnative调用原生的UI组件，引入原生的布局文件（xml）。

小妖怪的夏天·2024-02-01 15:30

android与React Native之间传递参数

android与ReactNative之间传递参数对应Boolean->BoolInteger->NumberDouble->NumberFloat->NumberString->StringCallback

小妖怪的夏天·2024-02-01 15:30

react native 调用原生UI组件视频播放组件

reactnative调用原生UI组件本文章向大家介绍reactnative调用原生UI组件，主要内容包括Java端实现、Js端实现、native层向js发送消息事件、js层向native层发送命令、基本概念

小妖怪的夏天·2024-02-01 15:00

reactnative 调用原生ui组件

reactnative调用原生ui组件!

小妖怪的夏天·2024-02-01 15:28

React详解

的内部项目，在13年f进行开源17版本官网：React–AJavaScriptlibraryforbuildinguserinterfaces18版本官网：React官方中文文档特点：声明式编码组件化编码ReactNative

叫兽~~·2024-02-01 09:02

Flutter vs React Native vs Native：深度性能比较

而ReactNative（简称RN）是Facebook开源的跨平台移动应用开发框架，是Facebook早先开源的JS框架React在原生移动应用平台的衍生产物，支持iOS和安卓两大平台。

ioufev·2024-02-01 04:11

前端-外卖客户端-容器化-架构演进-美团技术团队

1.背景1.1移动端跨平台技术的介绍移动端的跨平台技术不是一个新话题，早在几年前，WebView容器、ReactNative、Weex、Flutter、小程序等移动端跨平台框架就风起云涌。

无心六神通·2024-02-01 02:40

混合App开发，HBuilder开发移动App

使用HBuilder开发混合App：Hbuilder：是一个在线打包工具，不需要在本地配置开发环境；直接将做好的网站，通过一些简单的操作，就能在线打包为一个App；混合APP开发常见技术：Html5+、ReactNative

苦海123·2024-01-31 16:47

【笔记】React-Native Navigation页面导航

/***须知：abareReactNativeProject(notanExpomanagedproject)**React官方文档：https://reactnative.dev/docs/navigation

!Mortal·2024-01-31 14:33

【笔记】React-Native跟Android交互--简单示例

使用命令npxreact-native@latestinitDemoRN创建项目**"react":"18.2.0",*"react-native":"0.73.2"**官网有详细教程：https://reactnative.dev

!Mortal·2024-01-31 14:00

vue 和 react技术选型

提供响应式的试图组件都有virtualDOM,组件化的开发，通过props参数进行父子之间组件传递数据，都实现了webComponents规范数据流动单向，都支持服务器的渲染SSR都有支持native的方法，react有Reactnative

亮学长·2024-01-31 00:37

React Native 实现 App Store Today页效果

ReactNative动效系列卡片动感光效九宫格抽奖自定义下拉刷新动画欢迎大家Star我们的仓库react-native-showcase，记录了各种ReactNative的交互、动画效果。

人人贷大前端技术中心·2024-01-30 19:12

推荐频道

ReactNative