- 博客(24)
- 资源 (15)
- 收藏
- 关注
原创 React Native 之读取JSON 文件
一:创建json 文件 放在 ./data/目录下{ "employees": [ { "FamilyName": "张", "giveName": "三", "salary": 1 }, { "FamilyName": "
2017-03-31 09:22:35 13428 1
原创 React Native 之TextInput 高度自增长扩展实现
新建一组件 ImageEqualEnlarge.js/** * Sample React Native App * https://github.com/facebook/react-native * @flow */import React, { Component } from 'react';import { StyleSheet, Text, TextInp
2017-03-30 22:53:21 1925 3
原创 React Native 状态栏组件
import React, { Component } from 'react';import { AppRegistry, StyleSheet, Image, Text, TouchableHighlight, TextInput, StatusBar, View} from 'react-native';export default class Vi
2017-03-30 16:48:10 4327
原创 React Native 之 TextInput组件去掉下划线
/** * Sample React Native App * https://github.com/facebook/react-native * @flow */import React, { Component } from 'react';import { AppRegistry, StyleSheet, Image, Text, TouchableHig
2017-03-30 15:38:21 11818
原创 React Native 之Text 在字符串中插入图像
/** * Sample React Native App * https://github.com/facebook/react-native * @flow */import React, { Component } from 'react';import { AppRegistry, StyleSheet, Image, Text, TouchableHig
2017-03-30 15:01:06 5862 3
原创 React Native 之 Text居中显示
/** * Sample React Native App * https://github.com/facebook/react-native * @flow */import React, { Component } from 'react';import { AppRegistry, StyleSheet, Image, Text, TouchableHig
2017-03-30 14:22:47 42119
原创 React Native 之 Text 文字添加阴影效果
/** * Sample React Native App * https://github.com/facebook/react-native * @flow */import React, { Component } from 'react';import { AppRegistry, StyleSheet, Image, Text, TouchableHig
2017-03-30 11:09:42 5550
原创 React Native 之Text组件嵌套
在嵌套的Text组件中,子Text组件将继承它的父Text组件的样式,当使用嵌套的Text组件时,子Text组件不能覆盖从父Text组件继承而来的样式,只能增加父Text组件没有指定的样式。/** * Sample React Native App * https://github.com/facebook/react-native * @flow */import React,
2017-03-30 10:36:26 5618
原创 React Native 之 Image 等比例放大无丢失显示
如果有一张 20*10 的图片,要把它放入一个 40*30 的显示区域内,我们可以做到:contain 模式,图片显示分辨率为20*10,四周都有空白;cover模式,图片放大为 60*30,然后切成 40*30,丢失部分图片内容;stretch 模式,图片放大为 40*30,丢失原始的宽、高比。实现自定义组件 ImageEquallyEnlarg.js /**
2017-03-30 00:05:02 3735
原创 React Native 之 State 的ES5 与ES6 写法区别
ES 5 的写法constructor(props) { super(props); this.state = { style:{} }; }ES6的写法 getInitialState:function() { return { style:{} }; }
2017-03-29 17:20:35 868
原创 React Native 之Image 组件
1.加载网络图片 import React, { Component } from 'react';import { AppRegistry, Image, View} from 'react-native';export default class ViewProject extends Component { render() { return (
2017-03-29 12:13:01 912
原创 React Native 之判断横竖屏显示
1.这应用启动时能检测到设备是横置还是竖直的2.当设备横竖屏切换时候 能坚持到这个事件检测设备是竖直还是横置的一个方法是获取当前设备屏幕的宽与高,正常的设备在竖着的时候,宽小于高;而横置时,宽大与高。/** * Sample React Native App * https://github.com/facebook/react-native * @flow */i
2017-03-28 13:55:03 8427 1
原创 React Native 之View组件的回调
/** * Sample React Native App * https://github.com/facebook/react-native * @flow */import React, { Component } from 'react';import { AppRegistry, StyleSheet, Text, View} from 'react-na
2017-03-27 16:43:37 2151
原创 React Native 之 View 组件的变形
在React Native 开发中,开发者可以利用transfor 样式键 设置 实现组件的变形,从而实现文字或图像的变形。变形包括:translate(平移)、scale(缩放)、rotate(旋转)、skew(倾斜)四种类型。/** * Sample React Native App * https://github.com/facebook/react-native
2017-03-27 15:25:40 2477
原创 React Native View 组件通过阴影渲染实现组件浮现效果
eveation 是Android 平台都有的样式键,它是数值类型的样式键,通过在组件的周围渲染阴影效果,让用户产生组件浮现在手机上的效果。import React, { Component } from 'react';import { AppRegistry, StyleSheet, Text, View} from 'react-native';expor
2017-03-27 14:19:37 6975
原创 React Native自定义组件——弹出框
这里用到的其实是一个新的场景页面 而不是像原生的组件一样 悬浮在页面之上,它实现的原理是从新绘制一个带弹出框样式的页面,除了弹出框之外都是灰色的,且将要显示弹出框页面的布局完全移植过来。理论不多说,直接上代码了首先弹出框文件 ConfirmDialog.jsimport React, {Component} from 'react';import {AppRegistry,View,T
2017-03-22 14:19:55 5247
原创 Navigator实现页面的跳转
为了熟悉Navigator的页面跳转,通过一个小例子实现:注册页面输入之后进入注册等待页面首先程序入口页面index.android.js 代码为:import React, {Component} from 'react';import {AppRegistry,Navigator,BackAndroid,Alert} from 'react-native';import Reg
2017-03-21 18:38:44 5101
原创 React Native 开发工具之 VS Code 配置
一:安装Visual Studio Code 二:1.全局安装typingsnpm install typings --global三:在当前项目下执行命令:npm install @types/node @types/react --save一:安装Visual Studio Code 二:1.全局安装typingsnpm install typings --
2017-03-20 09:16:24 2436
原创 React-Native 自定义TextInput 登录页面
实现效果 输入框左边有图标去掉下划线有一个白色带边框的背景render() { return ( 鲜桥销售管理系统 让买卖更容易
2017-03-14 14:48:06 3410 1
原创 TabBar切换页的实现——React-native-tab-navigator的使用
在构建TabBar的方式上,使用React-native-tab-navigator(https://github.com/exponentjs/react-native-tab-navigator)干货直接上代码一:项目集成React-native-tab-navigator 在当前项目下 终端运行:npm install react-native-tab-navigator
2017-03-13 16:03:15 11704 3
原创 undefined is not an object (evaluating 'this.props.navigator.push')
在通过navigator 进行页面跳转的过程中 一直报 这样的错误先看程序入口文件index.android.jsimport React, { Component } from 'react';import { AppRegistry, StyleSheet, Text, TouchableHighlight, Navigator,}
2017-03-09 15:13:23 7345 2
原创 react-native run-android 慢
1.下载gradle-2.14.1-all.zip 包链接:http://pan.baidu.com/s/1pKSXxjl 密码:89to2.将下载的gradle-2.14.1-all.zip 包 放入本地磁盘3. 修改(gradle/wrapper/gradle-wrapper.properties)中的distributionUrl,使其指向zip压缩包的本地路径。...
2017-03-06 15:52:50 3953 4
原创 could not get batchedbridge, make sure your bundle is packaged correctly
首次在真机上运行React native项目 遇到 这个问题 1> cmd 进入命令行模式 运行ipconfig 查看本地ip地址 2>运行 adb shell input keyevent 82 进入手机设置界面3>选择 最后一项 Dev Settings 4>选择 Debug server host&port for device5>配置与
2017-03-06 15:38:38 556
原创 There are no packages available for installation
因为WebStorm对JS的格式化 不是很习惯,就改用 Subline Text 3,但在安装Package Control 时候一直出现这个错误 :按网上修改hosts,折腾了好久,也是不行,还好最后找到了方案,下载好的插件直接放置到Packages目录,重启Sublime Text 插件就会安装成功了手动安装:手动安装Package Control:1.点击Prefer
2017-03-03 17:00:51 795
mysql-5.5.28-win32
2015-07-09
Launcher修改(实现左右循环滑动、壁纸的平滑过渡,带文档)
2012-11-14
Struts2 标签详解 和 struts2-tags-API.rar
2010-03-27
commons-fileupload-1.2.1-bin.tar.gz commons-io-1.4-bin.tar.gz
2010-03-25
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人