学习笔记 - React Native

React native FlexStyle 学习笔记 在组件的 style 中指定。Flex所有属性如下。可以决定其子元素沿着。 阅读详情

近期项目需要,使用 React Native,iOS 封装好接口,js 调用接口获取数据并在js 界面上展现。

个人感觉还是比较方便,某些UI js做起来还是比较快的。但效率会稍微差些。

不过 React Native 的优点确实很多,例如:跨平台,动态加载,修改js界面后省去了编译时间。

由于刚刚接触 React Native,使用也不是很复杂,所以不便多说,先简单记录下,之后在慢慢总结经验和问题。


官方文档:http://facebook.github.io/react-native/releases/0.35/docs/getting-started.html




React Native跨平台开发学习笔记 App的分类(按开发方式) 大致可以分为这3种: native app(原生app:ios或安卓)原生应用程序 原生应用程序外观和运行起来(性能)是最佳的。可以访问本地资源,开法成本高。发布审核周期长。 web app/ H5 app (APIclound)H5应用程序 整体量级轻,开发成本低,基于浏览器,可以跨平台使用。资源都在远程服务器。网速受到限制时,交互效果也会受到限制,页面跳转费力,不稳定感更强。无法操作很多手机原生设备,摄像头,麦克风,不支持多点触控等。 hybrid app(混合app)混合 阅读详情

相关推荐

保姆级教程:手把手教你用Jacquard V2数据集训练机器人抓取模型(附完整代码)

本文提供了一份详细的保姆级教程,手把手教你使用Jacquard V2数据集训练机器人抓取模型。从环境配置、数据准备到模型架构设计、训练优化和实际部署,全程解析并附完整代码,帮助开发者快速掌握视觉抓取技术。

weixin_29031057的博客 313

React Native学习笔记

安装 Android SDK(针对安卓开发的套件,虽然Android Studio会默认安装最新版本的Android SDK,但是目前编译React Native需要Android10版本的SDK)React Native 是由 Facebook(现 Meta)开发的开源移动应用框架,用于使用 JavaScript 和 React 构建真正的原生移动应用(iOS 和 Android)安装Android Studio(需要翻墙),启动需要安装组件,大概2G,比较慢。配置环境变量:ANDROID_HOME。

zxz86的博客 690

WINCC8.1工业组态软件安装与授权配置指南

SCADA系统作为工业自动化控制的核心平台,通过实时数据采集与监控实现生产流程可视化。WINCC作为西门子旗舰级组态软件,其8.1版本凭借稳定的运行时环境在汽车制造、流程工业等领域广泛应用。本文从工业控制系统软件安装规范切入,重点解析WINCC8.1与Automation License Manager的协同工作原理,详细说明包括系统环境检查、安装包校验、授权文件配置等关键技术环节。针对工程实施中常见的内存配置不足、授权管理器报错等典型问题,提供经过现场验证的解决方案,特别适用于需要进行产线监控系统升级维护

cqwf95925的博客 1651

react-native 学习笔记

一.常见的属性: 1.flex:如果唯一父级是1,则代表占满整个栏目;如果有几个子级,那么会按照子集分配的flex数量来累计,根据flex的数量来等额划分 2.flexDirection: 属性 row(设置主轴为水平方向) column(默认,垂直方向)3.alignItems 表示与主轴相对的轴的显示方向,例如主轴默认是纵轴,那么alignItems代表横轴(水平),可以设置flex-s

hello_nine的博客 1105

告别黑窗口!用VSCode+Native Debug调试C/C++程序,比GDB命令行舒服多了

本文介绍了如何使用VSCode配合Native Debug扩展来调试C/C++程序,替代传统的GDB命令行方式。通过可视化调试环境,开发者可以更高效地管理断点、查看变量和调用栈,大幅提升调试效率。文章详细讲解了环境配置、核心调试功能及高级技巧,帮助开发者快速上手这一现代调试工具。

weixin_26833139的博客 249

常规波束形成——时域波束形成、频域波束形成

本文介绍了波束成形,包括时域波束成形和频域波束成形,并解释了在实现过程可能存在疑惑的相位补偿。

Candy_Editor的博客 3656

React Native v0.55 学习笔记1

React Native v0.55 学习笔记1 学习内容来自官网文档0.55版本 RN 是基于 React 的思想,相比于 web 的一些组件,RN 使用的是基于原生( android、ios )的组件。所以想用 RN 开发应用的话,就需要了解一些 React 方面的概念。例如 JSX,component,state 和 props。 Hello World RN 使用的是 J...

mmrx的博客 989

立创开源便携式多生理参数监护仪:基于STM32H743与ADS1292R的心电血氧体温监测系统设计

本文详细解析了基于STM32H743与ADS1292R的便携式多生理参数监护仪开源设计。项目集成了心电、血氧和体温监测功能,采用模块化硬件架构,并重点介绍了利用FIR滤波和Pan-Tompkins算法进行心电信号处理的核心技术。文章提供了完整的复刻指南与避坑要点,是学习医疗电子设备设计的优秀实践案例。

weixin_30600615的博客 327

React-Native 学习笔记(一)

学习RN的学习笔记,记录下来分享于大家~ 来源: 官网 + 其他资料 复制代码一、宽&高 像素无关 React Native 中的尺寸都是无单位的,表示的是与设备像素密度无关的逻辑像素点(设备独立像素)。 import React, { Component } from 'react'; import { AppRegistry, View } from 'react-native';...

weixin_33997389的博客 196

Vmware虚拟机一打开就蓝屏解决方法

Vmware虚拟机一打开就蓝屏解决方法 问题: 一打开Vmware虚拟机就蓝屏,如下图所示: 解决方法1: 启用和关闭windows功能(对话框)——>虚拟机平台(选项打对勾,默认没勾选)——>确定后重启——>再进应该就好了。 解决方法2: ①.查看电脑中的Hyper-V服务是否关闭 1.打开控制面板-程序-程序和功能 2.双击启用或关闭Windows功能 3.把Hyper-V前面的勾去掉 如果后期发下没有反应,或者电脑本身Hyper-V的服务没有打开,可以先打开在关闭,试

m0_55901666的博客 26万+

以太网_RGMII接口与GMII接口的转化_03

RGMII接口转GMII接口!

weixin_42499230的博客 377

react native 学习笔记2

安装 node.js react native npm install -g react-native-cli nuclide watchman 如果提示权限错误无法安装,加上sudo sudo npm install -g react-native-cli 提示安装成功 /usr/local/bin/react-native -> /usr/local/lib/node...

keny-大成的博客 1595

2026软考中级-软件设计师笔记(送最新视频教程)

核心口诀:运控存输输(运算器、控制器、存储器、输入、输出)例题(2019年上半年):核心公式:数字签名流程:数字证书作用:死锁4个必要条件:死锁判断公式:处理策略:程序设计语言的四大核心成分:顺序表操作(时间复杂度):链表操作(时间复杂度):核心思想:频率高的字符用短编码,频率低的用长编码 → 最小化总编码长度构造步骤(贪心算法):前提:有序表(升序/降序) 步骤:时间复杂度:O(log₂n) 例:查找中核心思想:用哈希函数将关键字映射到存储位置 哈希冲突:不同关键字映射到同一位置 → 用链地址法或开放定址

36万+

React Native 学习笔记

1.React Native 中如何实现根据state控制组件的显示与隐藏 render() { return( { this.state.abc == null ? ( null ) : ( <View> ...

Donkey的博客 561

OV9734 DATASHEET,完整规格书

OV9734完整规格书,包括电气参数,尺寸规格,寄存器配置表等

Data-Structures-and-Algorithm-Analysis-in-Java.pdf

作者: Weiss, Mark A. 出版社: Addison Wesley Data Structures and Algorithm Analysis in Java is an “advanced algorithms” book that fits between traditional CS2 and Algorithms Analysis courses. In the old ACM Curriculum Guidelines, this course was known as CS7. This text is for readers who want to learn good programming and algorithm analysis skills simultaneously so that they can develop such programs with the maximum amo...

React-Native学习笔记之React-Native升级

React-Native学习笔记之React-Native升级

橙如说的博客 1045

Camera2Demo

在Camera2 的基础上进行封装,使得Camera2一堆初始化逻辑与Activity分离,降低耦合度,完成预览拍照并保存的操作

react native 学习笔记----将react native嵌入到Android原生应用

不仅可以在react native 的js界面和现有工程的界面之间跳转,而且可以把js写的界面当成一个控件,嵌入到现有的activity,作为原生界面的一部分使用。

wxq888的专栏 5258

温度PID控制PLC程序

温度PID稳定控制程序,适用于欧姆龙PLC,对其他PLC也具有很大参考价值

React Native 学习笔记2

目前看的时候以自己熟悉的 iOS 代入,熟悉 RN 了之后再调试 Android TextInput TextInput 是一个融合了 iOS 中的 UITextField 和 UITextView 的控件, autoFocus,blurOnSubmit,defaultValue,select...

chenghuyi8987的博客 276

react-native学习笔记(一)

一、配置环境 1.在windows上配置环境 1.1安装node.js 在node.js官网下载对应的版本,点击安装即可 1.2安装npm npm在node安装时就已经安装好了,如果要使用cnpm淘宝镜像,运行npm install -g cnpm --registry=https://registry.npm.taoba...

weixin_34221276的博客 153

React Native学习笔记(1)--九宫格实现

本篇是在学习《React Native入门与实战》这本书时做的笔记,代码基于React Native 0.44实现的,算是对该书中代码的小小更新。 View是一个容器组件,是UI组件中最基本的组件,类似于HTML中的div。

dapan的专栏 582

react-native学习笔记之<TextInput>

TextInput TextInput是一个允许用户在应用中通过键盘输入文本的基本组件。本组件的属性提供了多种特性的配置,譬如自动完成、自动大小写、占位文字,以及多种不同的键盘类型(如纯数字键盘)等等。 TextInput相关的props属性见TextInput.js,支持的style见TextStylePropTypes 一个简单的例子: <TextInput

bgk083的专栏 3340

React Native 学习笔记_1

搭建开发环境 根据 https://reactnative.cn/docs/0.40/getting-started.html#content 官方网站搭建开发环境 欢迎使用React Native!这篇文档会帮助你搭建基本的React Native开发环境。如果你已经搭好了环境,那么可以尝试一下编写Hello World。 根据你所使用的操作系统、针对的目标平台不同,具体步骤

dabin12345的专栏 507

React Native学习笔记之一

概述:React Native 是现在比较火的Android APP开发技术,由FaceBook推出的基于JSX开发的一个可以跨平台开发的框架。 Facebook在这个框架中提出了一个理念: Learn once, write anywhere 也是这个框架的优势所在。目前基于RN开发的APP有: 天猫iPad客户端,支付宝,携程网,Facebook Group,Chinese Flashcard

白汐月的IT专栏 1982
上一篇: CATransform3D 特效详解
下一篇: 手把手教你反编译别人的app
直隶码农
博客等级 码龄19年 95粉丝 103原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值