react-native
文章平均质量分 59
fivestar2009
这个作者很懒,什么都没留下…
展开
-
react-native 环境搭建
今天在做react native ,遇到了不少问题,最郁闷的是官方的react native是有bug,造成了启动成功后,通过url报错误,Unable to resolve module 'AccessibilityInfo', when trying to create release bundlehttp://bbs.reactnative.cn/topic/10/%E5%9C%A8wi...原创 2018-07-28 17:53:52 · 703 阅读 · 0 评论 -
react圆角 颜色渐变
<TouchableOpacity style={styles.loginButtonViewStyle}> <Text style={styles.loginTextStyle}>登录</Text></TouchableOpacity><View style={styles.loginButtonViewStyle2}...原创 2018-10-20 11:37:30 · 1558 阅读 · 0 评论 -
ScrollView 居然不滑动
今天需要几个图,这几个图一页肯定显示不出来,因此使用react-native的ScrollView,但是怎么样也滑动不了,郁闷后来把contentContainerStyle这个样式去了好了,弄了一下午import React,{ Component } from 'React';import { View, Text, Image, ScrollVie...原创 2018-10-20 16:10:12 · 1116 阅读 · 0 评论 -
关于native-echarts在手机上不显示问题
今天对echarts进行打包,遇到几个问题1)怎么打包apk,都是unsingle模式,而且安装失败 原因是buildTypes 中没有加signingConfig signingConfigs.release2)安装后居然echarts不显示,但是在模拟器中是显示的,也是从网上找的2.1)复制文件tpl.html(路径: node_modules\native-echarts\s...原创 2018-11-05 15:17:16 · 3110 阅读 · 0 评论 -
fetch post 后台接收不到数据问题
这两天在做fetch()的post,可是传递到后台,怎么都是null,GET PUT都没有问题,就是post有问题,试过网页的没有问题,但是post的就是不行,使用了网上的method: "POST", mode: "cors", headers: { "Content-Type": "application/...原创 2018-11-08 08:37:32 · 8089 阅读 · 1 评论 -
websocket react-native-push-notification用法
写下react-native-push-notification的用法,这是用来本地或者websocket接收数据在手机上方通知栏进行提示的 按照官方文档的做即可2.1)npm install –save react-native-push-notification2.2)react-native link react-native-push-notification2.3)不用修改a...原创 2018-11-15 08:23:35 · 5371 阅读 · 1 评论 -
react-naitve0.57.5 与react-navigation
react-naitve0.57.5 与react-navigation3.0.0可能不兼容,总报什么Guester什么的问题使用react-naitve0.57.4 与react-navigation2.18.2 ,2.18.0也不行react-native init --version=0.57.4 testProjnpm install --save react-navigat...原创 2018-11-21 08:16:55 · 266 阅读 · 0 评论 -
关于realm2.19.1问题
一、今天react-native 使用realm居然不能调试,一调试就报this._constructor is not a functionnew H:\working\reactnative\testother\node_modules\realm\lib\browser\index.js:80:22这个问题,由于我是新作的系统,因此什么react-native 都是最新...原创 2018-11-17 15:31:06 · 163 阅读 · 0 评论 -
react-native 页面B to 页面C,页面C返回数据给页面B
/** * Sample React Native App * https://github.com/facebook/react-native * * @format * @flow */import React, {Component} from 'react';import {Platform, StyleSheet, Text, View,TouchableOpacit...原创 2018-11-26 14:13:11 · 417 阅读 · 0 评论 -
react-native-video
今天使用react-native-video 由于是最新的4.0.1版本,安装后,都不能启动react-native了,后来改成了3.2.1npm install --save react-native@3.2.1/** * Sample React Native App * https://github.com/facebook/react-native * * @format...原创 2018-11-26 14:30:16 · 807 阅读 · 0 评论 -
react-native json文件
按照黑森林的demo写的,没完全按照报了点问题今天遇到2个问题,在react-native 中一个json的文件(数组类型的),获取后Import HomeSiftData from ‘../data/homeSiftData.json’Let data2 = {HomeSiftData}这个获取后,data2不是数组的它里面包了议程data.HomeSiftDta[]这样的结构...原创 2018-10-20 11:09:06 · 716 阅读 · 0 评论 -
仿逛丢Laucher
首先这个页面大的View flex:1 flexDirection:’column’ justifyContent 需要是最下部,flex-end对齐,alignItems 水平对齐 ,左边的逛丢是绿色,大写,粗体 中间的竖线是一个View width1 borderWidth:1 borderColor:gray 右边是先一个View 包含Text 这个View的justifyConte...原创 2018-10-20 11:06:39 · 647 阅读 · 0 评论 -
react-native-badge-view
这个badgeview可能更android的badgeview不同,android是把badgeView放到需要的View中,但是react的bagdeView却是把需要的View放到badgeView的parentView中npm install react-native-badge-view<BadgeView parentView={<TouchableOpaci...原创 2018-10-20 11:05:00 · 685 阅读 · 0 评论 -
vscode react-native
vscode使用react-native init --version=”0.55.4” WangZg 工程后,使用vscode 打开文件夹,指定WangZg文件夹,就打开了WangZg工程 Vscode发现检查错误File-perference-settings --workspace settingsSettings.json中,增加 "javascript.validate.en...原创 2018-07-28 17:56:48 · 1756 阅读 · 0 评论 -
react native 的 flexDirection justifyContect alignItems关系
我建议大家用webStorm进行react native 的开发,我被vscode弄疯了,单独运行react native 都没有问题,但是一旦使用vscode进行reactnative的开发,就会报各种问题,有时候根本启动不起来,但是使用react-native run-android就一点儿都没有问题使用webstrom可以进行断点调试 只需要在调试配置中的浏览器项中(chrome)的co...原创 2018-09-04 15:14:03 · 454 阅读 · 0 评论 -
react native fun() fun=()=>的区别
单独的时候这两个都没有问题,就是如果在react native 中运行的时候,第一个会无法访问this.state.mycount变量,原因是函数需要bind的,如果没有这样,那么需要使用fun=()=>这个函数,如果bind了,就没有问题onPress={() => this._onPress(rowData)}>这个就是没有用到this._onPress.bind(thi...原创 2018-09-04 15:23:38 · 567 阅读 · 0 评论 -
react native 样式分离
import React, { Component } from 'react';import { Platform, StyleSheet, Text, Button, View} from 'react-native';import teststyles from '../../src/stylediv/teststyles';const ...原创 2018-09-05 11:11:01 · 1118 阅读 · 0 评论 -
react native apk打包
https://reactnative.cn/docs/signed-apk-android.html 这个中文网写的很清楚,我这里只是自己记录下1)制作秘钥文件cd D:\Program Files\Java\jdk1.8.0_172\binkeytool -genkey -v -keystore my-release-key.keystore -alias my-key-ali...原创 2018-10-13 11:38:13 · 379 阅读 · 0 评论 -
react-native 引入纯javascript
今天下午,不会做react-native引入javascript,不是类类型的,而是纯的javascript,会了其实很简单,不会就完了一个普通的javascript(CSA.js),完了之后把需要导出的函数或者变量以 export{ AA,BB}导出然后在引入的地方 Import { AA} from ‘./CSA’;即可 使用的地方 alert(AA); 例如引入地方...原创 2018-10-22 15:25:11 · 1576 阅读 · 0 评论 -
react-native-linear-gradient 使用安装
今天在使用react-native-linear-gradient的时候遇到了问题,按照官网的做法,居然编译不过去,后来查了网络,不用那么麻烦1)npm install --save react-native-liner-gradient2)react-native link react-native-linear-gradient3)这时候编译会报错Build file 'E:\...原创 2018-10-20 10:58:27 · 2287 阅读 · 0 评论 -
react 导入花括号问题
index.ios.js文件 注意, 这样在使用import的时候,是可以自定义导入的默认模块的名字的 import Home from './Home'; 可能你在一些文件中会看到这样的导入方式: import React, {Component} from 'react'; 这里我解释下哈 React模块是react.js文件默认导出的文件. {Component}注意这...原创 2018-10-20 11:01:11 · 2426 阅读 · 0 评论 -
react-native-datepicker
react-native时间控件使用react-native-datepickernpm install react-native-datepicker –save<DatePicker mode='datetime' //使用类型 date datetime time date={this.st...原创 2018-11-26 16:41:20 · 1117 阅读 · 0 评论