ohyeahhhh的博客

本文是个人学习笔记，例子都是来自React Native官网。之前不是做前端的，没有使用过react，要学习react native做混合开发，react，包括react jsx还是得补补。react和react jsxreact是一个js库。有很多可以用的方法，react jsx是对javascript进行封装，提供一种类似于xml格式的语句，跟html也类似，使得在js中创建、修改元素，建立元素

在项目下通过npm为该项目安装react-native后，在node_modules中就有react-native这个文件夹。进入该文件夹，有一个local-cli文件夹。这个文件夹是被react-native-cli使用的。react-native-cli通过npm install -g react-native-cli命令被安装到了本机，通过 which react-native命令可以知道所使

关于运行react-native run-ios报错 react-native run-ios这个命令做了什么？第一步：这个命令会在当前目录下找ios文件夹，然后再从这个文件夹中寻找项目的.xcodeproj文件。因此就要求，项目的.xcodeproj文件需要放在ios文件夹中，否则它找不到。 Print: Entry, ":CFBundleIdentifier", Does Not Exist

要在原生app中加载js视图，首先要先将js资源文件加载到app中，然后使用一个原生类的实例作为容器承接js定义的视图，最后将这个容器类实例添加到原生视图中。加载JS Bundlejs代码是以JS Bundle的形式保存的，在app中使用js中定义的组件、方法之前，首先要加载JS Bundle。1.获取JS bundle的资源路径 如果url已知那就跳过这一步，如果不知道url应该是怎样的可以看

在React，组件（component），就是一个UI的单元。它的思想是，将要展示的内容，分成多个独立部分，每一个这样的部分，就是一个组件，就有点像android或者ios中的控件。组件的基本组成部分每个组件，其实在代码中提现出来就是一个类，一个最简单的组件：class Greeting extends React.Component { render() { return <h1>He

flexbox,一种类似于流布局的布局方式，就是让组件按照一定的规律进行自动排列，涉及到四个重要属性：占比（flex）、分布方向（flexDirection）、内容调整方式（justifyContent）、整体对齐方式（alignItems）。其中，父组件通过指定分布方向（flexDirection）、内容调整方式（justifyContent）、整体对齐方式（alignItems）来决定其子组件的

组件(Component)的刷新机制一个组件在加载完毕后，如果既没有外部驱动，也没有内部驱动，是不会进行重新渲染的。按照React文档上说的，组件想要对自身进行刷新，可以通过调用setState()或者forceUpdate()来实现，这是让组件刷新的其中一种办法，也就是我说的内部驱动。而另一中则是由外部驱动，也就是让父组件驱动子组件进行重新渲染，那么下面就是阐述父组件如何让子组件发生重新渲染。先说

先把结论亮出来：React Native 中的图片组件默认会利用 NSURLRequest 的缓存机制对图片资源进行缓存。下面一探究竟。图片控件在JSX中使用标签来表示，通过source属性来指定它展示的图片文件。到底图片怎么缓存呢，这个要看这个图片控件是怎么完成图片文件的加载的。 图片在ios原生中通过RCTImageViewManager暴露给js的，看这个类 可以看到，js中的s...