2017年11月_看淡江湖

12月 11月 10月

原创（Android）react-native中路由跳转react-navigation

本文章只是个人用到react-navigation的一些总结。1、安装react-navigationyarn add react-navigation --save2、先用该组件实现最简单的路由跳转功能。项目的结构如下：App.js代码：import React, { Component } from 'react';import { Platform,

2017-11-03 15:16:51 1025

原创 react-native监听Android（Android向RN发送事件）

在之前的文章介绍了在react-native中直接调用原生Android的方法，那么在Android中执行完某些操作再调用JS中的方法该怎么做呢。下面来说一下RN监听Android。1、按上一篇文章调用原生Android的支付宝支付为例，我们实现一个小功能：当支付失败的时候弹出一个提示框提示支付失败。2、在MyNativeModule.java文件的支付失败的代码处添加：if (T

2017-11-03 10:52:58 5361 4

原创（Android集成支付宝支付）react-native实现支付宝支付

网上关于RN的支付宝支付组件大部分都是IOS的，Android要实现支付宝支付只剩下走原生这一步了。整体思路：1、在蚂蚁金服开放平台申请应用2、在android原生集成支付宝3、封装android原生4、RN与android的通信一、准备工作1、在蚂蚁金服开放平台https://docs.open.alipay.com/204/105051/ 按照官方提示创建应用，

2017-11-03 09:10:37 3432 1

原创（Android&&react-native）使用Android Studio更改项目包名

初始化项目后，通常默认的包名不满足我们的需求，作为一个Android新手终于找到了更改包名的方法，分享给大家。1、还按之前写的StatusBarDemo为例子（任意初始化一个项目即可）。2、用Android Studio打开项目的android部分。下图所示为用到包名的地方。3、将下图所示的勾去掉，这样可以展开所有的层次。4、将com.statusbardemo改为：c

2017-11-01 14:12:40 307

原创（Android）react-native-wechat组件的使用总结（重点微信支付）

参照react-native-wechat组件的官方网址：https://github.com/yorkie/react-native-wechatapi的详细用法：http://www.jianshu.com/p/3f424cccb8881、初始化一个wxzf的RN项目，我使用的是0.46.1版本。2、安装react-native-wechat组件npm install reac

2017-11-01 09:45:16 7704 3

原创（Android）react-native获得手机的Android版本号

有时候需要针对不同的Android版本做一些修整，因此获得当前使用手机的版本号至关重要。1、初始化一个RN项目并用Android Studio打开Android部分2、在MainActivity.java 文件中加入以下代码public class MainActivity extends ReactActivity { /** * Returns the

2017-11-01 09:13:51 3239