export default class PixelRatioView extends Component { render() { return ( <View style={styles.container}> <Text style={styles.textStyle}> PixelRatio实例 </Text> <Text style={styles.textStyle}> 当前的屏幕像素密度比例为: {PixelRatio.get()} </…

一.简介 现在设备显示屏的清晰度越来越高,尤其是iOS移动设备上的高清适配,Retina显示屏.在开发中,为了保证图片在不同的设备上显示的效果保持一致,往往需要准备多套图片,比如iOS开发中的@1x,@2x,@3x图,这是一件比较繁琐的事.在RN中,针对这个情况提供了一种新的解决方案,由于RN中的pt单位是统一的,所以通过像素密度来获取图片在不同设备上需要的真正大小.PixelRatio类提供的都是静态的方法,直接类名调用即可.PixelRatio类提供了一些默认的像素密度如下: 像素密度 适用…

LayoutAnimation - layout动画 当布局发生改变时的动画模块,它有两个方法: 1. 最常用的方法是 LayoutAnimation.configureNext(conf<Object>),用于设置布局变化时的动画类型,在调用 setState 之前使用. 其中 conf 参数格式为: { duration: 700, //持续时间 create: { //若是新布局的动画类型 type: 'linear', property: 'opacity' }, update: {…

记录两个项目开发中遇到的问题,一个是ECharts外部调用保存为图片操作,一个是workflow工作流连接曲线onmouseenter和onmouseleave事件由于鼠标移动过快触发问题. 一.外部按钮调用ECharts图表的保存为图片操作 最近使用ECharts库绘制图表,依据需求希望可以把图表设置的保存为图片操作可以在图表外部调用,主要是希望可以和项目之前的下载图片操作界面保持一致.然后上网找了一些方法,看了看也没遇到一个可以满意的.后来,突然想到了echart开放了源码,可以看看源码,找…

整理了一份ReactNative0.21中文文档,提供给需要的reactnative爱好者.ReactNative0.21中文文档.chm  百度盘下载:ReactNative0.21中文文档 来源:ReactNative中文社区 快速入门 开始使用React Native 在Linux上使用React Native 安卓环境配置 Linux和Windows支持 新手引导 使用指南 样式 图片 手势响应系统 动画 无障碍功能 直接操作 调试 自动化测试 JavaScript环境 导航器对比 已知…

一.宽度单位和像素密度 react的宽度不支持百分比,设置宽度时不需要带单位,那么默认的单位是什么呢? /** * Sample React Native App * https://github.com/facebook/react-native */ 'use strict'; import React, { AppRegistry, Component, StyleSheet, Text, View, Dimensions, PixelRatio } from 'react-native'…

网络状态: wx.getNetworkType(OBJECT) 获取网络类型. OBJECT参数说明: wx.getNetworkType({ success: function(res) { var networkType = res.networkType // 返回网络类型2g,3g,4g,wifi } }) 系统信息: wx.getSystemInfo(OBJECT) 获取系统信息. OBJECT参数说明: success回调参数说明: 示例代码: wx.getSystemInfo({…

转自:http://www.cocoachina.com/ios/20150420/11608.html 宽度单位和像素密度 react的宽度不支持百分比,设置宽度时不需要带单位 {width: 10}, 那么10代表的具体宽度是多少呢? 不知道是官网文档不全还是我眼瞎,反正是没找到,那做一个实验自己找吧: 默认用的是iPhone6的模拟器结果是: 我们知道iPhone系列的尺寸如下图: 可以看到iphone 6的宽度为 375pt,对应了上边的375,由此可见react的单位为pt. 那如何获…

以下问题测试环境为微信开发者0.10.102800,手机端iphone6,如有不对敬谢指出. 根据我的测试,context.drawImage,在开发者工具中并不能画出来,只有预览到手机中显示. wx.canvasToTempFilePath wx.saveFile 官方文档中只有一行,真是坑爹啊,原来 wx.canvasToTempFilePath参数为一个对象包括canvasID,success,fail,complete,和wx.saveFile差不多: wx.canvasToTempFi…

本文主要包括以下内容 View组件的实例 Text组件实例 Navigator组件实例 TextInput组件实例 View组件的实例 效果如下 代码如下 /** * Sample React Native App * https://github.com/facebook/react-native * @flow */ import React, { Component } from 'react'; import { AppRegistry, StyleSheet, Text, PixelR…