React Native
普莫柯
这个作者很懒,什么都没留下…
展开
-
关于项目统一管理android.index.js和ios.index.js
1.统一管理内容写到success.js里面,格式如下:import React, { Component } from 'react';import { View, Text, Navigator } from 'react-native';export default class Success extends Component { static get defaultProp原创 2017-01-15 20:08:42 · 601 阅读 · 0 评论 -
React native搜索框实时模糊搜索
搜索框样式<View style={{ paddingRight: 15, paddingLeft: 15, marginTop: 10 }}> <View style={{ height: 40, backgroundColor: "#fff", borderRadius: 10, paddingLeft: 25, flexDirection: 'row...原创 2018-06-15 19:38:01 · 7033 阅读 · 5 评论 -
react native九宫格的实现(具有可扩展性)
封装单独的组件class Info extends Component{ render(){ var index=this.props.index; return( <TouchableHighlight underlayColor='#eee' onPress={()=>{}} style={styles.touchVi...原创 2018-05-31 19:55:16 · 1037 阅读 · 0 评论 -
react native中关于ScrollView
遇到的问题:用ScrollView时不能滑动原因:ScrollView必须有一个确定的高度才能正常工作,因为它实际上所做的就是将一系列不确定高度的子组件装进一个确定高度的容器(通过滚动操作)。要给一个ScrollView确定一个高度的话,要么直接给它设置高度(不建议),要么确定所有的父容器都有确定的高度。一般来说我们会给ScrollView设置flex: 1以使其自动填充父容器的空余空间,但前提条...原创 2018-06-06 19:33:55 · 479 阅读 · 0 评论 -
react native加载base64照片
var baseImg='data:image/png;base64,图片base64编码'原创 2017-12-06 11:36:26 · 6077 阅读 · 0 评论 -
react-native 打包Android Debug/Release APK
除了官网上介绍的生成Apk方法外,自行打包生成也可以。步骤如下:1.生成Android签名证书方法一:使用Android Studio生成,不建议用,打包出的App会出现闪退。方法二:Dos下进入JDK的bin目录,运行如下命令:keytool -genkey -alias android.keystore -keyalg RSA -validity 36500 -keysto原创 2017-10-18 15:44:40 · 1639 阅读 · 0 评论 -
关于React Native版本的降级
由于项目需求,App版本和RN版本存在冲突,所以要对刚创建的RN项目进行降级,若不降级,项目会报如图所示错误:按照官网要求加上自己的实验进行降级。1.要选定需要降级的版本0.44,然后npm install --save react-native@0.44这步执行之后,看到了图中红色的地方,按照官网的说法应该npm install--save react@R原创 2017-08-10 18:43:06 · 1702 阅读 · 0 评论 -
关于RN与webview的简单通信
1.RN向webview传值,js页面import React, { Component } from 'react';import { Text, View, WebView, StyleSheet, AppRegistry, TouchableOpacity,} from'react-native';export default cla原创 2017-08-21 19:17:37 · 599 阅读 · 0 评论 -
DatePickerIOS的使用
上一篇介绍了DatePickerAndroid的使用方法,本篇介绍在ios上面使用日历的方法,做出和上篇一样的日历效果。在ios上,要和组件Modal相结合,做出的效果和原生差不多。Modal控件效果如下代码所示: <Modal animationType={"fade"} transparent={t原创 2017-08-03 19:23:23 · 2406 阅读 · 0 评论 -
用DatePickerAndroid实现的日历页面
1.做一个有开始日期和结束日期的日历选择框,要求开始日期可以随便选择日期,结束日期的选择段必须在开始日期之后的31天内;2.如果用户先选择结束日期,选开始日期时选定的日期大于结束日期,则结束日期自动清空;用RN自带的DatePickerAndroid实现开始日期按钮布局 开始日期原创 2017-07-25 19:21:23 · 499 阅读 · 0 评论 -
react native 实现modal的自适应大小
1.设置modal的宽度为固定,长度根据内容多少变化2.在另一个页面引入modal时,可以根据需求添加图片,title或改变布局,modal仍可以自适应总体来说,定义一个modal可以在不同的页面引用,根据modal模板转化为不同的形式modal.js如下:import React, { Component } from 'react';import { AppR原创 2017-04-06 10:29:20 · 6420 阅读 · 0 评论 -
React-Native配置自定义字体文件
详情:http://www.jianshu.com/p/96d5c66791c3原创 2017-03-31 18:31:58 · 366 阅读 · 0 评论 -
React Native按下按钮呈现的效果
实现点击“在线客服“”和“设置“”一栏背景色由#ffffff变为#f0f2f5 {}} onHideUnderlay={()=>{this.setState({ pressed1: false })}}原创 2017-03-29 20:04:41 · 1934 阅读 · 0 评论 -
关于React native onEndReached使用心得
任务需求:做一个搜索框,根据用户输入内容不断进行模糊搜索,使搜索结果可以分页,下拉触发更多数据。搜索结果用了一个ListView控件,并使用了onEndReached函数。如下所示:<ListView keyboardShouldPersistTaps='always' dataSource={ds.cloneW...原创 2018-07-05 19:24:50 · 3600 阅读 · 1 评论