React Native
看淡江湖
这个作者很懒,什么都没留下…
展开
-
react-native实现百度地图的实时导航
近期做了一个地图的项目,需要用到实时导航,在网上查找百度地图实时导航在RN中的组件没有找到,于是就自己写了一个方法可以调用原生的实时导航。原创 2017-10-20 17:04:19 · 3335 阅读 · 0 评论 -
react-native 监听Android物理返回键
1、componentWillMount(){ BackHandler.addEventListener('hardwareBackPress', this.onBackAndroid);}2、componentWillUnmount() { BackHandler.removeEventListener('hardwareBackPress', this.onB...原创 2018-03-19 17:20:03 · 5324 阅读 · 0 评论 -
(Android)react-native解决 ToastAndroid 不消失问题
本文主要是解决RN中的Toast提示按顺序执行不会提前消失的问题解决思路是更改原生Toast的一些内容。1、先用RN调用原生Android方法2、新建MyUtil的类,代码如下,这是用来解决上一个Toast不消失的问题的。package com.testtoastdemo.newToast;import android.content.Context;import android.widge...原创 2018-03-19 16:31:05 · 1128 阅读 · 0 评论 -
react-native 组件的生命周期
参考网址:https://www.race604.com/react-native-component-lifecycle/原创 2018-03-08 09:39:48 · 268 阅读 · 0 评论 -
react-native CodePush的安装(个人笔记)
参考地址如下:https://github.com/lisong/code-push-server/blob/master/docs/react-native-code-push.mdhttps://www.jianshu.com/p/87ccfb795635配置:1、在android/settings.gradle下include ':react-native-code-原创 2018-01-30 14:52:59 · 621 阅读 · 0 评论 -
react-native组件之间的传值(通信)
总结:在组件App中使用组件Btn,用,若通信,则见下图,在组件Btn中用this.props.(属性名)例:this.props.text原创 2018-01-10 10:18:05 · 1062 阅读 · 0 评论 -
(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 · 1017 阅读 · 0 评论 -
(Android)react-native签名打包
react-native的签名打包原创 2017-10-20 14:20:42 · 350 阅读 · 0 评论 -
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 · 5322 阅读 · 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 · 3408 阅读 · 1 评论 -
(Android&&react-native)使用Android Studio更改项目包名
初始化项目后,通常默认的包名不满足我们的需求,作为一个Android新手终于找到了更改包名的方法,分享给大家。1、还按之前写的StatusBarDemo为例子(任意初始化一个项目即可)。2、用Android Studio打开项目的android部分。下图所示为用到包名的地方。3、将下图所示的勾去掉,这样可以展开所有的层次。4、将com.statusbardemo改为:c原创 2017-11-01 14:12:40 · 296 阅读 · 0 评论 -
(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 · 7673 阅读 · 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 · 3194 阅读 · 0 评论 -
(Android)react-native更改状态栏文字和图标颜色
react-native中给的StatusBar组件中并不能更改Android的文字颜色,下面是通过Android原生进行更改的,但是并不适用于所有的Android手机。1、原创 2017-10-31 08:43:53 · 6246 阅读 · 0 评论 -
(Android)解决react-native打包好后启动白屏的问题(react-native-splash-screen)
在写应用时,遇到了打包好的app启动白屏的问题,多方询问找到的解决方法是添加一个启动屏。用封装好的react-native-splash-screen组件。react-native-splash-screen组件的官方网址:https://github.com/crazycodeboy/react-native-splash-screen1、在项目中安装该组件npm i react原创 2017-10-30 10:18:04 · 3505 阅读 · 1 评论 -
react-native初始化指定的版本
刚开始接触react-native时就发现,它的版本更新迭代特别快,那么我们想使用指定的RN版本该怎么办,有两种方法:1、初始化的的时候指定某一版本react-native init rnAndroid --version 0.46.1这样初始化出来的版本为0.46.1版本2、在当前初始化好的版本上改版本在package.json文件中修改react-native的版本号"原创 2017-10-20 15:39:02 · 1521 阅读 · 0 评论 -
react-native调用Android的原生方法
对于从前端转型研究RN的小伙伴们不可避免的就是对Android原生的调用,对于没有接触过Android的来说这是困难重重,这篇文章是我用RN调用原生的一些总结,希望对大家有所帮助。1、初始化一个RN项目用来测试react-native init rnAndroid --version 0.46.12、首先运行程序确保RN项目可以运行react-native run-android原创 2017-10-20 15:50:54 · 501 阅读 · 0 评论 -
react-native中fetch请求
本文主要是写fetch请求的封装方法。1、目录如下图所示2、http.js的内容如下:global.$ = { post: (info) => { var bodyvalue = ""; var arr = []; for (var i in info.body) { bodyvalue += i + "=" +...原创 2018-03-21 14:14:36 · 563 阅读 · 0 评论