2018年05月_石博

原创 React Native常用属性

1.flex属性 //flexDirection表示排布的方向，类似android线性布局的排布方向：横线和竖向，默认是竖向'column',横向'row' //justifyContent:表示布局内实际内容的显示区域(以横向的row举例)：整体居左、居右、居中、还是两端贴边中间控件间距相等('space-between')，还是单个控件的左右间距都相等('space-around') //...

2018-05-18 16:03:46 1072

原创 react-navigation实现正向和反向传值

首先：怎么实现跳转，看下面的https://blog.csdn.net/shb2058/article/details/803904681.正向传值以及配置callback//跳转到下一个页面 toGongDanDetail(data) { this.props.navigation.navigate('GongDanDetailPage', { d...

2018-05-24 11:29:40 3303

原创 ReactNative中导航:TabNavigator和StackNavigator

首先导入：yarn add react-navigation 2019.02.28新增：https://reactnavigation.org/docs/en/getting-started.html#installation 这个是2.3.0版本的api，新版本使用方法查看上面地址 "react-navigation": "^2.3.0" StackNavigator: im...

2018-05-21 12:25:49 1801

原创 ReactNative-获取android手机Mac地址(0.45版本)

首先：RN与android端通信，使用RCTDeviceEventEmitter，RN先获取android6.0权限，然后给android发送请求获取Mac，android端收到后返回Mac给rn。步骤如下：可参照rn官网对于ToastAndroid的方式：http://facebook.github.io/react-native/docs/native-modules-android.html...

2018-05-18 09:30:39 1545

转载 Linux-各目录作用

/bin：存放可执行的二进制目录，如查看文件ls，由于权限不同，可执行命令的个数也是不同的/boot：Linux启动时需要的文件/dev：存放设备文件/etc:系统配置为文件/home：系统默认的用户家目录/lib：系统使用的函数库目录/lost+found:系统异常时将遗失的片段放置该目录/media：移动存储的默认挂载点/mnt:固定存储的默认挂载点/opt:主机额外安装文件存放目录，注意和/...

2018-05-10 10:15:51 128

原创 ReactNative-Android调试报错：at com.android.ddmlib.SplitApkInstaller.install(SplitApkInstaller.java:89)

原因：自带的gradle版本过低解决：看自己android studio可以运行的项目的gradle版本下面是我的：下面的所欲操作都是在android目录下的-》1.build.gradle:classpath 'com.android.tools.build:gradle:2.3.3'2.gradle-wrapper-gradle-wrapper.propertiesdistributionUr...

2018-05-09 12:42:48 477

原创 React Native实现android的tablayout：TabNavigator（1.0和2.0的区别）

1.效果图2.代码import React, {Component} from 'react'; import { TabNavigator, } from 'react-navigation'; import { Image, } from 'react-native'; import PayView from "./PayView"; import MainView from ...

2018-05-08 15:48:03 616

原创 ReactNative-Button、Dialog和绝对定位

1.默认的Button有很大的缺陷，会沾满一行。使用TouchableOpacity和TouchableHeighlight加边框来实现button2.使用flex布局，设置margin无效，当需要指定位置时候需要使用绝对布局，使用方法和web一样3.实现一个弹出框：上面是一张图，下面是一个按钮，全部水平居中样图：代码：import React, {Component} from 'react';...

2018-05-04 15:51:59 983

原创 ReactNative-请求数据和列表展示

1.实现样式：点击按钮加载数据，数据加载完毕显示返回的数据并以列表显示。如下：2.实例：import React, {Component} from 'react'; import { View , Button, Alert, StyleSheet, TextInput, Text, ScrollView, Image, F...

2018-05-04 11:20:50 1802

原创 React-props

1.props和state的区别，state是内部的，内部的操作触发setState方法；props类似于Java的构造器传过来的参数，一般是外界传入的数据。2.例子：主view由于点击事件，触发state中的数据变动，该state的数据又是子view的props中的数据import React from 'react' class MyOwnPage extends React.Compone...

2018-05-03 10:39:20 550

原创 React学习：state

1.state是用来控制控件因条件不同而不同状态显示的变量：比如点击登录，登录成功，按钮变成红色。2.在构造器中，需要指明改状态值得初始值，这个初始值也表明了这个数据的数据类型。在需要更新的地方使用setState方法进行state的更新，在UI显示的地方加以对状态的判断，当state改变，UI会自动进行改变。3.实例：import React from 'react' class TestCl...

2018-05-02 15:08:35 216

前人挖坑，后人种（pen）