我的第一个React Native App-低调大师

我的第一个React Native App

2017-11-18 616

我用了三天时间实现了一个相对比较完整的React Native 新闻发布类型的示例。应用做得很简单，但大多React Native的组件都有用到，今天做一个分享（由于我电脑是Windows系统，所以只实现了Android部分，没有对iOS做兼容），希望对初学者有用处。

实现界面

PS：页面实现不多，数据也是静态。

安装启动程序

看完上面的，可以直接到我的Github下载源码在本地跑起来，我这个示例的地址是：

https://github.com/codingforme/react-native-demo-news

1. 下载源码

可以用git clone或直接下载zip包，注意存放路径不要有中文，否则命令执行会出错。

2. 安装node module

进入工程目录安装node module，命令行：

npm install

3. 安装示例

插上真机或开模拟器来安装示例，命令行：

react-native run-android

这样就可以在手机上看到示例效果，可以结合代码学习React Native的开发套路。

PS：这里是我假设你已经装好React Native的开发环境。

额外组件

有些组件官方没有提供（没有Android版或者本身没有），于是我在Github寻找了相应的UI组件来使用，分别有：

1. Tab组件（底部导航）：react-native-tab-navigator

https://github.com/exponentjs/react-native-tab-navigator

2. ActionSheet菜单组件：react-native-actionsheet

https://github.com/beefe/react-native-actionsheet

3. 下拉刷新、加载更多列表组件：react-native-gifted-listview

https://github.com/FaridSafi/react-native-gifted-listview

4. 滑动Tab组件：react-native-scrollable-tab-view

https://github.com/skv-headless/react-native-scrollable-tab-view

PS：没有什么就上Github找，非常方便。

关键代码

1. 页面跳转，Navigator组件使用部分。

2. Android硬件的back键操作

3. Android状态栏沉浸式的设置

PS：不做代码解析，可直接查看代码，比较简单。

总结

我很喜欢React Native的开发方式，将页面变为一个个小组件，嵌套而成大组件，从而形成整个应用，它组件化的思想，让我真正粉上了它。

如果迫于混合应用（Hybrid App）的效果差，又没有人手做原生的应用的，真的可以考虑用它。

本文为原创文章，转载请保留原出处，方便溯源，如有错误地方，谢谢指正。

本文地址：http://www.cnblogs.com/lovesong/p/5678056.html

分类: 3.前端框架

本文转自海角在眼前博客园博客，原文链接： http://www.cnblogs.com/lovesong/p/5678056.html ，如需转载请自行联系原作者

微信关注我们

原文链接：https://yq.aliyun.com/articles/567699

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

Android错误：Conversion to Dalvik format failed with error 1的解决办法

今天一位网友向我求助说导入“四大微博OAuth认证”的jar包时出现Conversion to Dalvik format failed with error 1的错误。上网上广为流传的解决方法：conversion to dalvik format failed with error 1的解决办法 android低版本工程（如1.5）放到高版本环境中（如2.2）可能会上述错误，解决方法如下： 1、如果不修改android sdk版本，则使用project clean 命令作用于某工程即可。（该处理方式只是在高版本中兼容了低版本工程，未真正意义上的升级） 2、如果修改android sdk版本，则需要以下几个步骤： 1) 修改SDK 选择工程，build path --> configure build path ---> library 删除引用的低版本SDK，然后add External JARs,选择高版本SDK,OK,保存 2) 修改classpath文件该文件可能存在该项: <classpa...

2017-11-18

529

Android开发中，经常会在Java代码与Jni层之间传递数组（byte[]），一个典型的应用是Java层把需要发送给客户端的数据流传递到Jni层，由Jni层的Socket代码发送出去，当然，Jni层也需要把从Socket接收到的数据流返回给Java层。我简单地总结了一下，从Java层到Jni层，从Jni层到JAVA层，各有3种传递方式，下面用代码示例简单地介绍一下。示例代码的主要文件有两个，一个是Native.java，是Java层的类；另一个是Native.c，是JNI层的文件，关键的地方我都用注释添加到代码中了，完整的代码见博文后面的附件。一、从Java传递数组到Jni层 Jni层接收到Java层传递过来的byte[]数组，一般有2个函数来获取它的值，一个 GetByteArrayRegion，另一个是 GetByteArrayElements ，前者是进行值拷贝，将Java端数组的数据拷贝到本地的数组中，后者是指针的形式，将本地的数组指针直接指向Java端的数组地址，其实本质上是JVM在堆上分配的这个数组对象上增加一个引用计数，保证垃圾回收的时候不要释放，从而交给本地的...

2017-11-19

457

资源下载

更多资源

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。