准备工作1.你需要一台Mac电脑。。（这不是废话？我所用的是Air~~穷。。）2.我所操作的电脑系统环境是3.xcode版本：8.0正式版 必需的软件1.HomebrewHomebrew, Mac系统的包管理器，用于安装NodeJS和一些其他必需的工具软件。打开终端，执行/usr/bin/ruby -e "$(curl -fsSL https://raw.githubuserconten
转载
2024-01-20 12:03:13
99阅读
React Native 发布一年多了，有不少公司已经在线上产品中或小范围试水，或大范围应用，很多公司或开发者都在为 React Native 的生态系统作出自己的贡献。React Native 的开发基本上是 Javascript ＋ 系统原生开发语言（Java，Objective-C，Swift），原生语言的开发所用的 IDE 没有多余的选择，Android 平台只能使用 Android St
学习任何技术，最快捷的方法就是学习完基础语法，然后模仿开源项目进行学习，React Native也不例外。React Native推出了1年多了， 开源项目太多了，我们以其中一个举例子.给大家演示下如何运行开源项目.(前提是你已经搭建好React Native环境了)下载开源项目首先需要找到开源项目 ,比如下面这个.
地址: https://github.com/Bob1993/react-na
转载
2023-10-07 16:55:40
203阅读
一：Props(属性)大多数组件在创建时就可以使用各种参数来进行定制。用于定制的这些参数就称为props（属性）。props是在父组件中指定，而且一经指定，在被指定的组件的生命周期中则不再改变通过在不同的场景使用不同的属性定制，可以尽量提高自定义组件的复用范畴。只需在render函数中引用this.props，然后按需处理即可。下面是一个例子：import React, { Component }
转载
2024-03-05 10:10:06
21阅读
# React Native如何运行iOS应用
React Native是一个开源框架，由Facebook开发，用于构建移动应用程序，能够使用JavaScript和React来构建原生应用。在这篇文章中，我们将讨论如何在iOS设备上运行React Native应用，并解决常见问题。通过本指南，你将能顺利在iOS模拟器上运行你的React Native应用，并了解可能遇到的情况及其解决方案。
#
感觉React Native会越来越多的公司开始研究、使用。所以周六也抽空搭建了iOS的开发环境，以便以后利用空闲的时间能够学习一下。废话不多说了，下面简单的列出步骤吧。 1. 安装Homebrew Homebrew主要用于安装后面需要安装的watchman、flow 打开MAC的终端，输入如下命令： ruby -e "$(curl -fsSL https
转载
2024-07-22 09:22:36
56阅读
我们想为用户设计一款移动端的应用，却不知从何下手，我们只知道每一个人都希望做一款又酷又好玩儿体验又十分顺滑的应用，然而团队里没人有移动端的经验。于是，我们最终只好选择React Native作为我们的开发工具。结果证明，这是一个非常明智的选择，我们从开始到现在的所思所感，全都总结如下：为什么要用React Native我们是一群Web开发者，而不是iOS开发者。我曾参加过几个在纽约举办的有关Swi
转载
2024-06-18 19:36:21
30阅读
如果您想在IOS模拟器中测试您的应用程序，则只需在终端中打开应用程序的根文件夹并运行-
react-native ru...
原创
2023-11-01 14:08:05
124阅读
前段时间，在公司做了一次“ReactNative原理解析”的技术分享，由于PPT不够详细，应一些小伙伴的需求，梳理出一份ReactNative原理解析的系列文章，希望能让大家对ReactNative的底层原理有一个系统全面的理解。ReactNative启动流程ReactNative JS 层渲染之 diff 算法ReactNative Native 层渲染流程在阅读这篇文章之前，先思考一个问题：为
React的起源React，这个用于构建用户界面的JavaScript库，就是React Native的核心。为了理解React，先要熟悉几个概念。第一个概念，声明式编程范式（范式就是计算机程序架构与组件的构建风格），用这种范式表达计算逻辑时不需要描述控制流程。简单地说，声明式编程就是你编写代码描述想要做什么，而不是怎么做。第二个概念，异步，大多数JavaScript开发者已经很熟悉。同步是指“按
转载
2024-05-09 12:07:23
43阅读
React Native配置和使用（OS X）个人比较喜欢react的函数式编程方式，native采用同样的方式写原生app，所以也开始学习react native，首先是环境配置以及跑起来第一个ios和android应用。环境配置操作系统使用mac os x进行开发。官方也是将os x作为最高优先级来支持，不过windows和linux可以进行Android开发。推荐使用Homebrew来安装基
转载
2023-11-03 15:52:08
180阅读
react-native的环境搭建 最近因岁寒三友小组准备进行技术方面分享，由于本期由胖大星分享react-native,对react-native没有进行过开发的我进行了了解学习，其中查了一些资料也遇到了一些报错，但最终也算找到了解决方案，分享一下。1.准备工作 可以按照官网给出的搭建环境步骤进行简单的说一下必备的几个安装流程： 根据你的具体情况进行开发平台目标平台的选择一下以windows开
转载
2024-01-31 11:29:38
56阅读
1. 与web端区别css使用驼峰式写法。而且写法和web端有些差异，比如移动端padding属性不能四个方向一起写，只能定义一个方向paddingLeft、或者水平方向paddingHorizontal、垂直方向paddingVertical。移动端只能使用flex弹性布局，和web端水平垂直方向刚好相反，所以水平方向使用alignItems属性。单位不能是px。只能是pt，默认不写单位只写数字
转载
2024-02-29 23:34:49
159阅读
最近React Native技术比较火，React Native是Facebook发布的一个开源框架（Github地址），据我所知携程的APP就是使用React Native开发，且携程的技术团队还专门出了一本关于React Native的书确实React Native相比于HTML5性能更好，相比于原生iOS更灵活。本人从React Native官网开始零基础学习React Native，并时时
转载
2024-01-20 11:37:48
82阅读
1.3 搭建React Native开发环境 “磨刀不误砍柴工”，在正式开发React Native应用之前，需要先搭建好React Native的开发环境。搭建React Native开发环境有以下几个主要步骤。原生开发工具：iOS开发使用Xcode，Android开发使用Android Studio and SDK Tools。Node.js（https://nodejs.org/）：Rea
转载
2024-07-22 11:32:02
93阅读
目录一. 原生iOS项目集成React Native二. 原生跳转RN页面三. 显示豆瓣热门电影列表四. 改为导航五.完整源代码 一. 原生iOS项目集成React Native创建一个新的文件夹，如RNProject，然后新建一个/ios的子文件夹，将已有的iOS项目全部文件复制进去。在RNProject根目录创建package.json文件，内容如下：{
"name": "RNProje
转载
2023-09-12 20:54:53
218阅读
React Native集成到IOS应用附上另一篇RN集成到Android应用：我们默认有一个已有的ios项目，或者创建一个ios应用。第一步： 我们首先要安装RN所依赖的包，在根目录下创建一个react的文件夹，然后在文件夹中创建一个名为package的json文件，在json文件中添加一下代码：{
"name": "MyReactNativeApp",
"version": "0.0
转载
2023-10-12 16:56:35
330阅读
严格按照官网提供的人品好的就可以了，但是我向来不是人品好的，所以遇到无数问题，花费n天，首先说mac版的。但是出问题的时候忘了截图，只好想起什么遇到什么再继续加。mac： 其实配好mac环境就好了，但是官方建议xcode需要7.1以上，然而xcode需要osx至少10.10.5所以我安装了很多次花费的时间大都在这了。 首先按照http://reactnative.cn/docs/0.27/ge
转载
2023-09-18 18:38:31
257阅读
开发一款产品，通常来说你需要做三件事情：搭建开发环境 -> 写代码 + 调试 -> 打包发布。预览目录搭建开发环境按照react-native中文网-文档-搭建开发环境，选择需要的环境开始搭建。配置开发环境需跳跃出那一道鸿沟，你懂得！推荐lantern。增加SDK Tools (android)增加NDK (android)建议手动下载：Windows：Mac:Android Stud
英文文档：Setting up the development environment · React Native中文文档：集成到现有原生应用 · React Native 中文网ios在集成过程中，需要修改package.json 和 Podfile，按文档中的内容，如果pod install过不了的话，可以参考https://github.com/facebook/react-native/
转载
2024-05-15 13:54:24
84阅读
