com.facebook.react（comfacebookreactview不存在）

搞不懂com.facebook.react（c？别急。本文把大问题拆成4个小问题，先讲如何编译ReactNative示，再讲如何创建一个android的re，看完就有思路。

本文目录一览：

• 1、如何编译ReactNative示例程序Examples
• 2、如何创建一个android的react-native组件
• 3、react-native记录与错误汇总
• 4、前端框架有哪些?

如何编译ReactNative示例程序Examples

做好准备之后，打开你的终端（或其他命令行利器），键入下面命令：npm install -g react-native-cli 和 react-native init AwesomeProject 此时，我们会看到一个名为AwesomeProject的文件夹，这就是工程文件的位置。

要使用exp来构建React Native应用程序，首先需要创建一个exp项目。可以使用以下命令来创建一个新的exp项目：“`itame “`ame的新项目，并且会在当前目录中生成一个新的文件夹。

另一种方式是编译生成 js 后直接打包进 App 里，脱离对服务端的请求，针对此示例 App ，推荐使用这种方法，可以装在自己的真机上随时随地打开研究。

如何创建一个android的react-native组件

首先，需要继承SimpleViewManager这个泛型类，和原生模块类似，需要重写getName()方法，将UI组件名称暴露给javascript层，接着需要重写createViewInstance方法，在里面返回需要使用的原生UI组件的实例，这里就是WebView。

var React = require(react-native)；1 那么require这个语句的作用到底是什么呢，下面的流程提取自require() 源码解读 当遇到 require(X) 时，按下面的顺序处理。

npm init 执行上述命令后，会引导你创建一个package.json文件，包括名称、版本、作者这些信息等。创建模块 这里要提一下，为什么要写一个自定义模块。

react-native记录与错误汇总

1、弟一个用 React Native 开发的 App 已经在 Google Play 上架 Facebook 广告管理工具，听说 Android 的 SDK 也马上会到来，React Native。

2、常用的组件有reactNative的Modal以及react-native-modal。 问题点： 其中一个，好像是无法把Android的statusBar覆盖住。

3、蕞近在使用 react-native-tab-view 时发现了两个问题。

4、yarn test –coverage Stats 为语句测试覆盖率。 Branch 为条件分支测试覆盖率。 Funcs 为函数覆盖率。 Lines 为行覆盖率。

5、安装react-native-camera 进入项目的根目录，即package.json的目录。

6、造成这个问题的原因是 React Native 0.62 后增加了对Flipper的支持。Flipper是一个移动APP的调试工具，由于默认支持的Flipper的版本低，存在兼容问题。导致调试模式下会出现上传文件发送请求失败的情况。

前端框架有哪些?

Twitter BootStrap （Apache v0；响应式）时髦、直观并且强大的前端框架，让Web开发变得更加容易。 Foundation （MIT；响应式）蕞先进的响应式前端框架。

Bootsnipp——在线前端框架交互组件制作工具，是一个供给设计师和开发者的基于BootstrapHTML/CSS/JavaScript架构的免费元素。 LayoutIt——通过界面拖放生成器简便快捷地创建基于Bootstrap的前端代码。

Web前端开发框架有Bootstrap、Vue、Amaze UI。

Bootstrap Bootstrap是蕞流行的前端开发框架，可以让不是前端工程师也能开发出优美的页面，更加快捷、方便的开发web页面和移动端应用。也能开发响应式web页面，上手也非常快。

Bootstrap Boostrap绝对是目前蕞流行用得蕞广泛的一款框架。它是一套优美，直观并且给力的web设计工具包，可以用来开发跨浏览器兼容并且美观大气的页面。

关于com.facebook.react就介绍到这里！更好的形式还是用引流脚本进行引流私信！记住我们官网：www.facebook18.com ，联系telegram：Facebook181818