React Native
文章平均质量分 90
yubo_725
大前端攻城狮
展开
-
使用React Native源码编译Android项目
前言公司的项目用到了React Native,最近通过后台监控到一些崩溃问题,主要出在React Native Java侧的源码中,由于不太好改这个问题,于是希望通过修改React Native源码达到规避Crash的问题,下面记录编译React Native源码的过程。准备工作...原创 2022-04-02 10:57:13 · 11201 阅读 · 10 评论 -
基于ReactNative的跨平台俄罗斯方块游戏的实现1——开篇
翻了下自己的CSDN博客,发现距离上次写博客,已经过去了大半年了,这大半年里偷了懒,没有持续写技术博客,很多技术是需要积累的,不然容易忘记。今天开始,在这里提醒自己,每一个技术点都用博客记录下来,方便自己温故,也可以给其他同行分享,谨记!概述今天要写的是我在空闲时间里使用React Native开发的一款跨平台的俄罗斯方块小游戏,该游戏支持Android与iOS,游戏截图如下:...原创 2018-03-06 16:16:59 · 3201 阅读 · 0 评论 -
基于ReactNative的跨平台俄罗斯方块游戏的实现3——游戏中Shape的实现
在上一篇中,我记录了基于React Native的俄罗斯方块小游戏的游戏框架的搭建,本篇记录的是如何实现俄罗斯方块的Shape,Shape代表一个可以移动和下落的图形。ART绘图基础要完成俄罗斯方块的Shape,必须先了解下React Native中的绘图基础。React Native内置了一个ART库专门用于绘图,下面简单记录一下使用ART库的方法。下面的代码用于在手机屏幕的...原创 2018-03-07 17:33:44 · 3092 阅读 · 0 评论 -
基于ReactNative的跨平台俄罗斯方块游戏的实现2——搭建游戏整体框架
在上一篇中我介绍了使用React Native开发的跨平台俄罗斯方块小游戏,截图和代码都在上一篇中。本篇记录的是如何来实现这个小游戏的框架。如果你还不了解React Native,可以参考React Native中文网游戏整体框架介绍这个俄罗斯方块小游戏的源码目录层次如下图所示: 最主要的是src目录和index.js、App.js文件,需要注意的是,在低版本的React...原创 2018-03-07 10:36:35 · 4623 阅读 · 0 评论 -
ReactNative开发之DrawerLayoutAndroid组件的使用
今天记录的是ReactNative开发中DrawerLayoutAndroid组件的使用方法,DrawerLayoutAndroid即侧滑菜单,如下图所示: 当手指从屏幕左侧向右滑动时,即出现上图所示的侧滑菜单 如果要使用Android原生代码来实现这个侧滑菜单,估计要不少代码量吧,但是如果用ReactNative来实现该侧滑菜单,只需要很少的代码即可完成,下面就一步步实现这个侧滑菜单。实现原创 2016-10-31 14:34:24 · 3723 阅读 · 2 评论 -
Windows下ReactNative报错:ERROR Watcher took too long to load
好久没用ReactNative了,今天又用了一下,用下面的命令新建了一个空的工程:react-native init DemoProject我是在windows下使用ReactNative的,上面的命令能成功执行的前提是,你的windows下已安装好ReactNative的开发环境,包括react-native-cli、nodejs等一系列软件。 然后我执行下面的命令打包并安装apk到手机(模拟器原创 2016-10-29 20:25:40 · 3130 阅读 · 0 评论 -
4、在已有的Android应用中使用React Native
这一篇记录的是如何在已有的Android应用中使用React Native,在官方的文档上也有介绍:http://reactnative.cn/docs/embedded-app-android.html#content,不过这里我还是想记录一下遇到的一些坑。一步一步来说吧:创建Android应用这里我直接用AndroidStudio在桌面上创建了一个应用,名称为ReactNativeAp原创 2016-01-25 14:31:05 · 4417 阅读 · 2 评论 -
3、React Native实战——实现QQ的登录界面
今天记录的是使用React Native实现QQ的登录界面,如果不了解React Native,请看React Native中文网站:http://reactnative.cn/下面是一张手机QQ的登录界面截图:下面是用React Native实现的类似上图的登录效果图:可以看到,在界面效果上,React Native实现的一点都不比原生应用差,下面就贴上所有代码,在完原创 2016-01-24 14:48:06 · 7688 阅读 · 2 评论 -
2、React Native中的flexbox布局
说到布局,不论是Android还是iOS还是web前端,都有涉及到,React Native中也有布局,主要采用了类似css中的flexbox布局,不过这种布局跟css中的flexbox布局稍微有点不同,下面就记录在React Native中使用flexbox布局的方法,主要涉及到如下几个属性:1、flex2、flexDirection3、alignSelf4、alignItems原创 2016-01-23 20:58:38 · 8627 阅读 · 2 评论 -
1、React Native 中ES6语法解析
本文转载自:http://www.tuicool.com/articles/uyE3Er解构赋值>var { StyleSheet, Text, View} = React;这句代码是ES6 中新增的解构(Destructuring)赋值语句。准许你获取对象的多个属性并且使用一条语句将它们赋给多个变量。上面的代码等价于:var StyleShe转载 2016-01-22 14:09:26 · 3813 阅读 · 0 评论