react rn_51CTO博客

react native(RN) Text用法总结

Text:属性有以下：1. numberOfLines 文本行数限制，添加后超过限制行数文本会在末尾默认以...的形式省略。2. ellipsizeMode 设置文本缩略格式，配合numberOfLines使用，values：tail：在末尾...省略（默认值）clip：在末尾切割，直接切割字符无省略符head：在前面...省略middle：在中间...省略3. o...

省略号

默认值

点击事件

其他

原创

馨曦缺

2021-11-19 11:12:10

1786阅读

RN 实战 & React Native 实战

RN 实战 & React Native 实战 React Native Navigation # React Native & Google RN 实战 & React Native 实战https://abc.xgqfrms.xyz/react-native-docs/0.59https://github.com/xgqfrms/react-n

RN 实战

React Native 实战

RN

React Native

React

转载

mob604756eae43b

2019-03-28 22:33:00

202阅读

react native (RN) TouchableOpacity用法总结

本组件用于封装视图，使其可以正确响应触摸操作。当按下的时候，封装的视图的不透明度会降低。这个过程并不会真正改变视图层级，大部分情况下很容易添加到应用中而不会带来一些奇怪的副作用。（译注：此组件与TouchableHighlight的区别在于并没有额外的颜色变化，更适于一般场景）例子：<TouchableOpacity style={styles.touch} onPre...

封装

官网

html

常用属性

背景透明

原创

馨曦缺

2021-11-19 11:12:10

1151阅读

react native (RN)中Alert使用总结

Alert即提示框，一般提示框又三种状态，确认，取消，稍后。。。RN的Alert也提供了三种直接上代码delCart = (customerId, customerName) => { Alert.alert( '', //提示标题 `确定删除该${customerName}？`, //提示内容 ...

提示框

html

空字符串

其他

原创

馨曦缺

2021-11-19 11:15:51

1044阅读

react native android原生调用rn react native和原生对比

Facebook在React.js Conf 2015大会上推出了React Native，想必各位从事app开发的都备受关注，有人说2016年React Native很可能会成为最受欢迎的的开源技术之一。姑且不论这项技术能不能火起来，对于程序猿来说，写一套代码能够适配两个平台也是大家一直希望的，随着技术的不断成熟，这个趋势是必然的。

iOS

android

app

react native

xcode

转载

编程艺术大师

2024-08-11 14:50:06

41阅读

项目实战技术架构我们使用了React，jsx, 路由，create-react-app, axios, less, webpack实现一个单页面应用程序目录部署build 文件发布的目录src 开发的目录app 应用程序pages 所有页面components 所有组件router.jsx 路由index.jsx 入口文件base.less 样式文件我们遵守create-react-app命名规范

ios

加载

android

原创精选

公众号_前端每日技巧

2022-08-29 20:45:59

454阅读

使用react-native-vector-icons（RN0.6+）

1.安装 npm install --save react-native-vector-icons or yarn add react-native-vector-icons 2.配置 2.1.IOS配置修改 info.plist 添加 <key>UIAppFonts</key> <array> ...

react

转载

mb607022e25a607

2020-11-30 18:54:00

254阅读

2评论

Rn引入react-native-image-picker图片上传

文档地址我使用的版本为4.0.4目前最新版本网上有些案例写法有很大不同，可能跟版本不同有关npm install react-native-im

ide

新版本

原创

明知山

2022-07-06 16:47:12

589阅读

rn 打包Task :react-native-orientation:verifyReleaseResources FAILED

使用react-native-orientation因为这个插件太老了的原因，apk打包时出错，解决在node_modu

react native

android

apk打包

原创

JediHongbin

2023-02-14 10:44:22

131阅读

Rn引入react-native-debugger调试开发

本项目是由expo搭建的Rn项目首先要在电脑安装软件软件初始界面。

react native

react.js

javascript

github

端口号

原创

明知山

2023-05-13 08:46:18

488阅读

React-推荐RN大神开源的reading项目

来自饿了么RN大神开源的reading项目已经完成Android和iOS双适配。绝对是一个产品级的开源项目并且作者还在持续的更新。https://github.com/attentiveness/reading然后顺便推荐一个仿饿了么的项目https://github.com/stoneWeb/elm-react-native...

react-native

github

开源项目

iOS

原创

程序员晓东

2023-12-12 10:05:33

97阅读

react native Android混合项目中RN容器复用

本篇博客将带大家展开reactnative中关于数据持久化存储的学习。其中涉及到了nodejs的语法的相关知识，也稍做介绍。好了，废话不多说。在androind中数据的持久化存储用的比较多的就是shareperferce，通过shareperferce会在手机创建一个xml文件，其中数据就是已key-value的键值对存储的。reactnative方式也是相似的，不过他的存储数据结构是json串。

react-native

存储

storage

封装

nodejs

转载

我是数据分析师

5月前

24阅读

Rn引react-native-image-zoom-viewer图片预览

文档地址import React, { useState } from 'react';import { View, Button, Modal } from 'react-native';import ImageViewer from 'r

.net

d3

5e

原创

明知山

2022-07-06 16:47:01

564阅读

react native antd-mobile-rn组件库集成使用

github地址https://github.com/ant-design/antd-mobile-samples/tree/master/cr

List

登录界面

github

原创

wx63046db09e68a

2022-12-16 21:42:14

708阅读

Rn引入@ant-design/react-native组件库

文档地址下载ant-design组件库npm install @ant-design/react-native --save下载按需引入插件npm install babel-plugin-import -D在.bab

ide

原创

明知山

2022-07-06 16:46:45

376阅读

react-native-webview RN和html双向通信

react-native-webview RN和html双向通信

html

前端

JSON

Data

webview

原创

徐同保的博客

2023-10-14 07:50:11

279阅读

react-native-webview RN和html双向通信

rn登录后得到的token需要传递给网页，js获取到的浏览器信息需要传递给rn RN Index.js: import React from 'r

JSON

Data

webview

原创

徐同保的博客

2024-04-29 09:32:29

181阅读

rn 架构 rn架构理解

1、React-native的style上一篇文章，我们应该已经对跨平台有了一定的概念，但这里其实有一个问题并没有解决，就是其实在ios和安卓上的样式是有差异的，那么我们的Rn就需要去抹平这种差异化，rn中采用的是css-in-js，使用Flexbox,能确保在不同屏幕下一致的布局。我们在js中写的style对象，在native中将由单独的一个线程去处理，就官网叫做影子线程（Shadow thre

rn 架构

架构

javascript

前端

react native

转载

小蝌蚪

2023-09-11 20:28:07

599阅读

rn调试ios ios rn

最近在要把IOS原生端的百度人脸离线采集SDK移植到React-Native上，就学习了IOS原生平台与RN之间的通信机制。做了一个Demo，现在把知识点梳理了一下，主要有以下两个：（1）RN调用IOS原生平台的方法，并传递参数。（2）IOS原生平台向RN发送事件，并传递参数。Demo主要业务流程如下：（1）RN端跳转到IOS原生页面（我们假设这个是人脸识别页面）。这一步就是实现RN调用IOS原生

rn调试ios

RN与IOS原生通信

React-Native

IOS

人脸识别

转载

mob64ca1404476b

2023-08-16 15:50:36

285阅读

RN架构 rn架构理解

说明RN需要一个JS的运行环境，在IOS上直接使用内置的javascriptcore，在Android 则使用webkit.org官方开源的jsc.so。此外还集成了其他开源组件，如fresco图片组件，okhttp网络组件等。RN 会把应用的JS代码（包括依赖的framework）编译成一个js文件（一般命名为index.android.bundle), , RN的整体框架目标就是为了解释

RN架构

react native

架构

fabric

UI

转载

IT独行侠

2023-07-07 15:33:11

422阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

react rn

react native(RN) Text用法总结

RN 实战 & React Native 实战

react native (RN) TouchableOpacity用法总结

react native (RN)中Alert使用总结

react native android原生调用rn react native和原生对比

React中项目实战和RN环境搭建

使用react-native-vector-icons（RN0.6+）

Rn引入react-native-image-picker图片上传

rn 打包Task :react-native-orientation:verifyReleaseResources FAILED

Rn引入react-native-debugger调试开发

React-推荐RN大神开源的reading项目

react native Android混合项目中RN容器复用

Rn引react-native-image-zoom-viewer图片预览

react native antd-mobile-rn组件库集成使用

Rn引入@ant-design/react-native组件库

react-native-webview RN和html双向通信

react-native-webview RN和html双向通信

rn 架构 rn架构理解

rn调试ios ios rn

RN架构 rn架构理解

React Native 打包 APK 完整流程（适配 RN CLI 项目）

RN 实现阴影，解决Android阴影问题 react-native-shadow

RN 实现阴影，解决Android阴影问题 react-native-shadow

React-Native学习，RN的容器Flex-Box布局

RN android 给rn传值

rn使用axios rn开发教程

rn源码架构 rn新架构

react native android和RN是用了一份资源包吗 react native 应用

RN项目架构解析 rn 框架