react-native
stevenzqzq
生如夏花之绚烂,死如秋叶般静美
展开
-
js 判断字符串为空的方法
function isEmpty(obj){ if(typeof obj == "undefined" || obj == null || obj == ""){ return true; }else{ return false; }} if (variable1 !== null || variable1 !== undefined || variable1 !== '') { var variable2 = variable1;原创 2020-09-25 09:21:50 · 861 阅读 · 0 评论 -
react-native全局变量和静态变量使用
react-native 多个类引入变量,可以使用下面三个方式静态变量全局变量的使用:1 导入文件方式2 全局变量方式实现类import {Button, Text, View} from 'react-native';import React, {Component} from 'react';// import global from './Global'import './Global.js';export default class TabOne extends Componen原创 2020-09-22 16:03:09 · 1578 阅读 · 0 评论 -
2020-09-16
React Native 全局变量的使用 global.gScreen = { screen_width:width, screen_height:height, statusBarHeight:statusBarHeight, onePixelRatio:1/PixelRatio.get(),}React Native 定义全局变量global.variables = {authorization: null,language: 'English'} imp原创 2020-09-16 19:48:33 · 134 阅读 · 0 评论 -
react-native this使用笔记
bind(this)是把事件绑定到react组件上面。箭头函数默认是执行了bind(this)的function Person() { // 构造函数Person()将`this`定义为自身 this.age = 0; setInterval(function growUp() { // 在非严格模式下,growUp()函数将`this`定义为“全局对象”, // 这与Person()定义的`this`不同, // 所以下面的语句不会起到预期的效果。 th原创 2020-09-01 10:43:29 · 218 阅读 · 0 评论 -
函数声明和函数表达式
概念:函数声明的典型格式:function functionName(arg1, arg2, …){}函数表达式函数表达式的典型格式:var variable=function(arg1, arg2, …){}两者区别:一、Javascript引擎在解析javascript代码时会‘函数声明提升’(Function declaration Hoisting)当前执行环境(作用域)上的函数声明,而函数表达式必须等到Javascirtp引擎执行到它所在行时,才会从上而下一行一行地解析函数表原创 2020-09-01 10:17:11 · 245 阅读 · 0 评论 -
navigation右边按钮点击事件
定义点击事件 static navigationOptions = ({ navigation }) => ({ headerRight: <Text style={{ fontSize: setSpText(14), color: '#51ACF2' }} onPress={() => { navigation.state.params.onSubmit && navigation.state.params.onSubmit();原创 2020-09-01 10:10:43 · 373 阅读 · 0 评论 -
react-native引入其他值到render函数中
function Cat() { return ( <View> <Text>I am a also cat!</Text> </View> );}function Cat2() { return ( <View> <Text>I am a also cat!</Text> </原创 2020-08-07 11:00:39 · 334 阅读 · 0 评论 -
redux学习
redux可以实现数据共享,处理数据。1 redux包含store 保存数据,传入action给reduceraction 触发动作reducer 改变数据的值provider 把数据传给子组件app.jsimport React from 'react'import Books from './src/Books'import rootReducer from './src/reducers'import { Provider } from 'react-redux'import原创 2020-07-23 19:28:11 · 142 阅读 · 0 评论 -
ReactNative绑定函数中的this
在一个button的onpress方法中传进一个函数back,这个函数中如果用到this的话,需要将back中的this进行绑定操作。1、传入时进行绑定onPress={this.back.bind(this)}2、在constructor中绑定constructor(props){ super(props) this.state = { show : true, } this.back = this.back.bind(this);}3、在函数定义时进行绑定o原创 2020-07-21 20:59:40 · 245 阅读 · 0 评论 -
react-native viewpager用法
用到的框架react-native-community/viewpageryarn add @react-native-community/viewpagerimport React, {Component} from 'react';import {Image, StyleSheet,TouchableOpacity, Text, View} from 'react-native';import ViewPager from '@react-native-community/viewpager原创 2020-07-08 18:58:44 · 3252 阅读 · 0 评论 -
react-native 发送接收“广播”
发送广播DeviceEventEmitter.emit接收广播listener = DeviceEventEmitter.addListener移除广播this.listener.remove()代码import React, {Component, PureComponent} from 'react';import {View, DeviceEventEmitter} from 'react-native';export default class Parent extends Co原创 2020-07-06 21:04:29 · 869 阅读 · 0 评论 -
navigation笔记
react native存在的问题vscode怎样打断点_onPressButton()为什么以下划线命名setState用法 render()用法eslint报错 不懂的地方:不懂怎么调试不懂apk入库yarn start报错不知道怎么去解决 1 怎样让调试栏目处于最顶部2 怎样快速找到问题的地方3 怎么快速打断点类为什么前面加default import 如何快速找到该类线上环境 suyan-test-js/Ssuyan-cmss-1234Ssuyan原创 2020-07-01 16:46:52 · 847 阅读 · 0 评论 -
isFinite使用说明
该全局 isFinite() 函数用来判断被传入的参数值是否为一个有限数值(finite number)。在必要情况下,参数会首先转为一个数值。语法isFinite(testValue)参数testValue用于检测有限性(finiteness)的值。描述isFinite 是全局的方法,不与任何对象有关系。你可以用这个方法来判定一个数字是否是有限数字。isFinite 方法检测它参数的数值。如果参数是 NaN,正无穷大或者负无穷大,会返回false,其他返回 true。示例isFinit原创 2020-06-22 10:32:41 · 1187 阅读 · 0 评论 -
react-native 第三方库
react-native 第三方库React-Native-Elements 一组开发RN的UI工具包(强烈推荐) ????????????????????react-native-calendars ???????????????? 优秀的日历控件apsl-react-native-button 定义了一个Button支持用Style来配置 ????????react-native-action-button 支持多种点击事件的Button控件 ????????react-native-butt原创 2020-06-21 15:01:25 · 1593 阅读 · 0 评论 -
promise基本用法
promise基本用法let promise = new Promise((resolve, reject)=>{reject(“拒绝了”);});promise.then((data)=>{console.log(‘success’ + data);}, (error)=>{console.log(error)});对象不受外界影响,初始状态为pending(等待中),结果的状态为resolve和reject,只有异步操作的结果决定这一状态状态只能由pending变为转载 2020-05-28 18:13:09 · 2304 阅读 · 0 评论 -
webvie使用--官方api
webvie使用2source加载html或者urlautomaticallyAdjustContentInsets控制web内容自适应官方文档https://reactnative.cn/docs/webview原创 2020-06-16 10:45:39 · 276 阅读 · 0 评论 -
react-native 改变webview中字体颜色方式
webvie怎样改变文字颜色1 injectedJavaScript属性设置 js 字符串,在网页加载之前注入的一段 JS 代码2 在调用之前在html中已经设置好html标签中的颜色值,然后传给webview例子 :在传值之前先改变HTML标签中的样式达到改变文字颜色我有一个HTML字符串,将显示在WebView。如何设置colorReact Native 的文本WebView?<WebView source={{ html: this.props.content }}/><原创 2020-06-16 10:37:10 · 902 阅读 · 0 评论 -
react-redux基本写法
1 创建action2 创建reducer ,在reducer中绑定action3 在app 中写绑定reducer中的代码const store = createStore(rootReducer) </Provider>4 创建组件Books5把这个几个方法写好// reducers中的数据 ,然后更新组件const mapStateToProps = (state) => ({books: state.bookReducer.books})// 给act原创 2020-06-07 16:52:47 · 477 阅读 · 0 评论 -
React-Native 按钮点击几种效果进行对比
React-Native 自定义按钮系列对几种按钮点击效果进行比较import React, { Component } from 'react';import { AppRegistry, StyleSheet, Button, Alert, View, TouchableOpacity, TouchableHighlight, Text, TouchableWithoutFeedback,} from 'react-native';原创 2020-06-05 15:02:04 · 861 阅读 · 0 评论 -
promise基本用法
promise基本用法let promise = new Promise((resolve, reject)=>{reject(“拒绝了”);});promise.then((data)=>{console.log(‘success’ + data);}, (error)=>{console.log(error)});对象不受外界影响,初始状态为pending(等待中),结果的状态为resolve和reject,只有异步操作的结果决定这一状态状态只能由pending变为原创 2020-06-05 14:26:02 · 222 阅读 · 0 评论 -
ReactNative之Flex布局总结
ReactNative之Flex布局总结从二月份开始学习ReactNative到现在已经有两个月了,零碎的记录了很多笔记,一直想写一些ReactNative相关的东西,奈何感觉自己学习的还比较浅陋,而且笔记比较杂乱,不知从何而起,所以迟迟没有动笔。清明三天假,决定无论如何都得整一篇出来。本来是想整一篇ReactNative布局篇的,但是看看那么多布局属性,自己对CSS又不是特别熟悉,布局篇从何谈起?所以,专门拿出ReactNative中布局比较重要的一个点Flex布局来做下总结,算是开启ReactNati原创 2020-06-03 10:31:51 · 994 阅读 · 0 评论