{竹子}

现在的手机应用会把应用的消息数量想苹果手机一样显示在右上角，而其实这种消息提示的方法在原生Android上是不支持的，原生的launcher在图标上没有显示徽标的view。但是各个手机厂商，比如小米、三星、华为、联想、索尼等手机厂商都没有使用原生的launcher，他们使用的桌面都是自己重写的。所以他们都已经实现了在桌面图标上显示消息数量徽标的方法，我们只要进行调用就行了。如果你不想去各个手机...

2018年4月份，我按照官网教程装了环境，一路顺风。然后我就开始创建项目：react-native init demo创建一个测试项目demo成功，然后开始开发，就想用react-navigation，但是坑多，我想骂街....第一步：我先安装react-navigation安装命令为：yarn add react-navigation第二步：我修改了App.js，内容如下：import Reac...

/** * Create by bamboo on 2018-04-13 * 页面布局 */import React, { Component } from 'react';import { StyleSheet, Text, View,} from 'react-native';export default class App extends Component { construc...

/** * Create by bamboo on 2018-04-13 * */import React,{Component} from 'react';import { View, Text, Button,} from 'react-native';import PropTypes from 'prop-types';//类型检验组件//主页export default class Ap...

史上最坑的问题项目未运行的时候，查看是已经链接了的，运行如下：项目运行后，再次查看：

问题：我用的版本是"dependencies": {"react": "16.3.1","react-native": "0.55.2","react-native-cli": "^2.0.1","react-navigation": "^1.5.11"}, 我解决不了，求助同样的在

1.报错信息：执行 react-native run-android后，报错：2.问题检索：1）windows 找不到文件 chrome，请确定文件名是否正确后，再试一次2）Unable to connect with remote debugger3）google chrome exited with error：Error：Exited with code 13.问题讨论1）https://s...

1.文档说明    文档日期 2018/04/016    react-native版本：0.55.22.打包步骤（一）Android签名文件生成使用java工具keytool.exe生成签名文件，命令如下:keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 20...

我用的是小米note3，系统版本为：讨论：1）https://stackoverflow.com/questions/46825683/cant-switch-tabs-in-tabnavigator-react-navigation发现问题：将app打包后，就可以切换了，我怀疑是不是debug调式程序不支持...

Attempted to transition from state `RESPONDER_INACTIVE_PRESS_IN` to `RESPONDER_ACTIVE_LONG_PRESS_IN`, which is not supported. This is most likely due to `Touchable.longPressDelayTimeout` not being can...

/** * Create by bamboo on 2018-04-17 * ref例子 */import React,{Component} from 'react';import { StyleSheet,View, Text, TouchableOpacity} from 'react-native';export default class RefTest extends Componen...

如下图示效果： 搜索关键词 badge notification 功能这个属于推送功能极度推送：https://github.com/jpush/jpush-react-native   Android混合推送 ：https://github.com/wangheng3751/react-native-mixpush问题（1）Android 实现不同La...

在android下，苹果没有测试。底部浮动，输入选择浮动，键盘往上推送/*** Create by lutn on 2018-08-27**/import React,{Component} from 'react';import {View, TextInput, Text,StyleSheet,ScrollView,StatusBar,Dimensions} from...

Couldn't import script at <http://localhost:8081/index.bundle?platform=android&dev=true&minify=false>. Debugging won't work: Try reloading the JS from inside the app, or Reconnect the VS...

有人说用DeviceEventEmitter解决：https://blog.csdn.net/LQ0611/article/details/79695710https://blog.csdn.net/jinxi1112/article/details/78338668我怎么感觉不靠谱呢!!!有人问过同样的问题：https://stackoverflow.com/question...

 /*** Create by lutn on 2018-04-17**/'use strict';import React, { Component } from 'react'import {Text,View,BackHandler,ScrollView,StyleSheet,AlertIOS,RefreshControl,...

fetch('http://example.com/movies.json') .then(function(response) { return response.json(); }) .then(function(myJson) { console.log(myJson); });我一直以为.then只是一个返回的结果，却不知道后面的.then是前面的then...

/** * Create by bamboo on 2018-05-07 * Modal 例子 */import React, { Component } from 'react';import { StyleSheet, Text, Modal, View, TouchableOpacity, TouchableHighlight,TouchableWithoutFeedback,} f...

/** * Create by lutn on 2018-05-04 * 选项下拉菜单选择 例子： <TabSelectComponent data={data} selectStyle={{ height:40, backgroundColor:'#fff', color:'#f00', ...

<View style={{flexDirection:'row'}}>      <Text numberOfLines={1} style={{fontSize:setSpText(22),color:'#117cf1',            borderWidth:1,borderRadius:2.5, borderColor:'#117cf1',p...

react native写的应用在调试模式的时候一切正常，但是生成apk后，在手机上安装图片却不显示，这说明静态文件资源没有被bundle进来。进入项目下的android目录，然后app -> src -> res，如果图片不存在这个目录下，那就要主动去bundle文件。在项目根目录下执行这条命令:react-native bundle --platform android -

1.测试一/** * lutn 2017-01-03 * 测试生命周期 */import React, { Component } from 'react';import { AppRegistry, Text, View,TouchableOpacity,StyleSheet } from 'react-native';export default class

问题执行命令react-native init xxError: connect ECONNREFUSED 127.0.0.1:8087 at Object.exports._errnoException (util.js:1022:11) at exports._exceptionWithHostPort (util.js:1045:20)...

这问题让我恼火一上午，但最后被我胡乱搞，莫名其妙处理掉了。我的情况是这样的，只要我一回车换行，光标立马跑到行的中间后来我这样改设置：Automatic indent for （自动缩进）设置就是说，只要你勾选到那个字符，如果你写代码的时候只要出现这字符就会换行，下面按照以上设置演示以下例子如下图示，输入#就换行且光标居中按照我目前了解，Automatic

编辑CMD + [: 左缩进CMD + ]: 右缩进CMD+shift+F:项目中查找CMD+G:查找下一个CMD+shift+G:查找上一个

1.错误npm ERR! Windows_NT 6.1.7601npm ERR! argv "D:\\nodejs\\node.exe" "D:\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "install"npm ERR! node v6.9.2npm ERR! npm  v3.10.9npm ERR! code EBADPL

1.模拟器的大小调整command + 1,2,3,4,5调大小

1问题error: RPC failed; curl 18 transfer closed with outstanding read data remainingfatal: The remote end hung up unexpectedlyfatal: early EOFfatal: index-pack failedgit clone https://2解决git

在mac系统中，使用npm安装yarn时出错，命令如下：npm install -g yarn react-native-clinpm ERR! Darwin 13.4.0npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "install" "-g" "yarn" "react-native-cli

标签类如下：/** * lutn 2017-01-05 * 横条按钮 * */import React, { Component } from 'react';import {StyleSheet, Text, View, TouchableOpacity,Image } from 'react-native';export default class Row

Button资料：https://github.com/reactnativecn/react-native.cn/blob/stable/docs/docs/0.39/button.md

在做React Native开发时，最常用的开发工具有 webStorm ,sublime ,appcode等，很多人都希望开发工具有智能提醒功能，然而我们使用上述开发工具进行React Native开发时并没有较好的提示功能。今天给大家介绍一款插件Webstrom live template  使webStrom支持React Native开发智能提醒。下面进入正题插件下载地址htt

1.调试窗口大小调整：command+1，2，3，4，5

用web storm 运行react-native 工程时，出错：xcrun: error: unable to find utility "instruments", not a developer tool or in PATH解决办法：解决方法：在 终端执行如下命令 sudo xcode-select -s /Applications/Xcode.app/Contents/D

1.引言文档日期 2017/01/08React Native版本为0.402.打包步骤（一）、Android签名文件生成使用java工具keytool生成签名文件，命令如下:keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048

1.基础头部代码：/** * lutn 2017-01-05 * 返回按钮 * 实例 ： <BaseTitle text="消息" bgColor="#1e81c5" color="white" outHeight={80} inHeight={30} * backUrl={require("../../images/personal/Retur

自定义标签传值实例主函数index.android.js/** * lutn 2016-12-30 * 自定义标签传值实例 */import React, { Component } from 'react';import { AppRegistry, Navigator, Text, View } from 'react-native';import P

/** * Sample React Native App * https://github.com/facebook/react-native * @flow */import React, { Component } from 'react';import { AppRegistry, Navigator, Text, View } from 'react-nati

react -native 自定义按钮AutoButton.js/*** lutn 2017-01-01 * 自定义按钮* 使用 */import React, { Component } from 'react';import {StyleSheet, Text, View, TouchableOpacity } from 'react-native';ex