- 博客(22)
- 资源 (322)
- 收藏
- 关注
原创 AndroidStudio中看懂gradle构建的groovy的脚本代码:
gradle构建工具学习:https://www.imooc.com/learn/833下面是一个脚本文件://构建脚本中默认都是有个Project实例的//apply 方法名,命名参数plugin: 'java'参数外省略了一个小括号//apply 就是:应用一个插件apply plugin: 'java'//属性version = '0.1'// repositories...
2019-03-24 19:11:21 583
原创 Android studio 中gradle版本和插件版本对应关系
转载地址:https://blog.csdn.net/dazhong2012/article/details/80585834最近打开android studio,页面提示gradle版本又有新的升级,于是习惯性的点了下更新,结果,打包的过程中控制台就报错了,错误如下:Error:(16, 0) Minimum supported Gradle version is 4.4 Current...
2019-03-24 15:38:32 1372
原创 ReactNative学习----20ReactNative中调用原生模块
官方文档:https://reactnative.cn/docs/native-modules-android/RN调用原生的方法,步骤如下:1.用Android Studio打开一个已存在的项目,在RN项目中选择android/build.gradle文件打开。2.在Android原生的里面创建一个类MyNativeModule继承ReactContextBaseJavaModule,这...
2019-03-24 12:29:44 489
原创 ReactNative学习----19显示网页的组件WebView
官方文档:https://reactnative.cn/docs/webview.html#docsNav显示连接:import React, { Component } from 'react';import { WebView } from 'react-native';export default class MyWeb extends Component { rende...
2019-03-23 16:25:38 376
原创 ReactNative学习----18对话框组件Modal使用
官方文档:https://reactnative.cn/docs/modal.html#docsNav效果图:由于Alert https://blog.csdn.net/zhaihaohao1/article/details/88632787不能自己定义样式,所以使用Modal可以自己定义样式代码(复制即可运行):ModalExample.jsimport React, {Com...
2019-03-23 16:02:53 243
原创 ReactNative学习----15对话框组件Alert使用
官方文档https://reactnative.cn/docs/alert.html#docsNav源码复制即可使用:AlertDemo1.jsimport React, {Component} from 'react';import {Platform, StyleSheet, Text, View,Alert} from 'react-native';/** * 对话框 * ...
2019-03-18 09:09:25 229
原创 ReactNative学习----14Flexbox布局的使用
文档地址:https://reactnative.cn/docs/flexbox/#docsNav效果图:代码:复制即可使用代码里面有详细的注释:import React, {Component} from 'react';import {Platform, StyleSheet, Text, View, Alert, Button} from 'react-native';/*...
2019-03-18 09:05:50 185
原创 ReactNative学习----13图片组件Image及ImageBackground的使用
官方文档:https://reactnative.cn/docs/imagebackground/https://reactnative.cn/docs/image/代码复制即可使用代码:ImageBackgroundDemo.jsimport React, {Component} from 'react';import {Platform, StyleSheet, Text, Vi...
2019-03-18 08:55:45 607
原创 ReactNative学习----12按钮组件TouchableHighlight使用
官方文档:https://reactnative.cn/docs/touchablehighlight/#docsNav代码复制即可使用代码:TouchableHighlightDemo.jsimport React, {Component} from 'react';import {Platform, StyleSheet, Text, View, Alert, Button,Tou...
2019-03-18 08:52:34 328
原创 ReactNative学习----11输入框组件TextInput使用
官方文档:https://reactnative.cn/docs/textinput.html#docsNav效果图:实现功能:拿到输入对话框的数据:代码:TextInputDemo.jsimport React, {Component} from 'react';import {Platform, StyleSheet, Text, View,Alert,TextInput,T...
2019-03-18 08:48:29 261
原创 ReactNative学习----10列表组件FlatList的使用
官方文档:https://reactnative.cn/docs/flatlist.html#docsNav效果图:项目结构:实现功能:1请求数据2渲染数据3实现下拉刷新4实现上拉加载代码:FlatListDemo.js中是请求数据,渲染数据Item.js是渲染条目的FlatListDemo.jsimport React, {Component} from 'reac...
2019-03-15 10:50:42 1225
原创 ReactNative学习----9Fetch之post请求数据,上传图片
github地址:https://github.com/react-native-community/react-native-image-picker效果图:使用步骤:1cd 到项目目录下yarn add react-native-image-pickerreact-native link react-native-image-picker2在android目录下在Android...
2019-03-15 10:29:54 681
原创 ReactNative学习----8react-native-image-picker调用相机相册
github地址:https://github.com/react-native-community/react-native-image-picker效果图:使用步骤:1cd 到项目目录下yarn add react-native-image-pickerreact-native link react-native-image-picker2在android目录下在Android...
2019-03-15 10:25:48 2691
原创 ReactNative学习----7Fetch之post请求数据
官方文档:https://reactnative.cn/docs/network/#使用-fetch例子,复制接口使用HttpPost.js/** * * * fetch 的post请求 * https://reactnative.cn/docs/network/#使用-fetch * */import React, {Component} from 'react';im...
2019-03-15 09:59:58 597
原创 ReactNative学习----6Fetch之get请求数据
官方文档:https://reactnative.cn/docs/network/#使用-fetch例子,复制即可使用HttpGet.js/** * fetch 的get请求 *https://reactnative.cn/docs/network/#使用-fetch */import React, {Component} from 'react';import {Platfo...
2019-03-15 09:57:50 423
原创 ReactNative学习----5AsyncStorage本地存储数据
官方文档:https://reactnative.cn/docs/asyncstorage/#docsNavAsyncStorage是一个简单的、异步的、持久化的 Key-Value 存储系统,它对于 App 来说是全局性的。可用来代替 LocalStorage。例子:复制即可运行AsyncStorageDemo.js/** * 本地数据存储 * AsyncStorage是一个简单...
2019-03-15 09:51:14 430
原创 ReactNative学习----4react-navigation实现页面跳转以及数据传递
官方文档:https://reactnavigation.org/docs/zh-Hans/2.x/getting-started.html项目结构:安装模块:cd 到项目目录下yarn add [email protected]源代码:ConFigIndex配置路由,One把数据传给Two,Two在回传给OneConFigIndex代码:import React f...
2019-03-15 09:36:44 588
原创 ReactNative学习----3react-navigation实现App的顶部菜单
官方文档:https://reactnavigation.org/docs/zh-Hans/2.x/getting-started.html效果图:项目结构:安装模块:cd 到项目目录下yarn add [email protected]源代码:TopIndex 配置路由,Tab1,Tab2,Tab3分别是一个页面TopIndex代码:import React ...
2019-03-15 09:30:24 701
原创 ReactNative学习----2react-navigation实现App的底部菜单
官方文档:https://reactnavigation.org/docs/zh-Hans/2.x/getting-started.html效果图:项目结构:安装模块:cd 到项目目录下yarn add [email protected]源代码:BottomIndex 配置路由,Home1,Home2,Home3分别是一个页面BottomIndex 代码:imp...
2019-03-15 09:21:49 364
原创 ReactNative学习----1环境搭建,程序调试,常见问题
搭建环境照着文档一步步搭建就好了https://reactnative.cn调试:调试1.手机调试====1首先在工具里面启动App(首次要安装apk)Terminal 中敲命令:npm start2在电脑上打开自己的共享的wifi在手机上找到IP地址 http://172.16.146.2猜出电脑的IP地址 http://172.16.146.13在电脑和手机浏览器分别访问h...
2019-03-15 08:52:10 204
React21-22
2019-02-28
React学习16-20
2019-02-28
React学习05事件对象event,拿到input输入框的值,类似Vue的双向数据绑定
2019-02-28
node.js中 express.static 托管静态文件合并前后端代码
2019-02-17
node.js中Express图片上传
2019-02-15
node.js学习Express中Session的基本使用
2019-02-08
vue学习11--20
2019-04-13
vue学习21--28
2019-04-13
vue学习1--10
2019-04-13
ReactNative常用组件
2019-03-15
ReactNative网路及本地缓存
2019-03-15
ReactNativer菜单
2019-03-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人