新增组件(8个) CheckBox ImageBackground VirtualizedList FlatList SwipeableFlatList SectionList MaskedViewIOS 最低支持版本 说明 CheckBox 0.49 一个用在React Native上的复选框组件,(目前仅支持Android,未来会对iOS做支持) ImageBackground
"TransformDown" RotationX="-90" CenterY="300" TranslateZ="50" /> <Grid Background="{StaticResource <em>ImageBackground</em> }" Transform3D="{StaticResource TransformLeft}" /> <Grid Background="{StaticResource <em>ImageBackground</em>} " Transform3D="{StaticResource TransformUp}" /> <Grid Background="{StaticResource <em>ImageBackground</em>}" Transform3D ="{StaticResource TransformRight}" /> <Grid Background="{StaticResource <em>ImageBackground</em>}" Transform3D
0.46 通用:引入 ImageBackground 组件。 CheckBox:一个用在React Native上的复选框组件,(目前仅支持Android,未来会支持iOS) ImageBackground:背景图片组件,它是一个容器组件,支持包含其他组件 VirtualizedList
var scratch = new Scratch({ canvasId: 'js-scratch-canvas', imageBackground: 'loose.jpg', pictureOver imageBackground:背景图片(刮开后呈现的图片)。 pictureOver:前景图片。 sceneWidth:canvas的宽度。
React, { Component } from 'react'; import { Dimensions, StyleSheet, Button, Text, ImageBackground <ImageBackground style={styles.photo} source={{ uri: currentImage }}> <TouchableOpacity ="check" size={30}/> </TouchableOpacity > </ImageBackground
ImageBackground 背景图 用法和Image差不多: {/* 显示网络图 */} <ImageBackground style={{width: 50%, height: 50%}} </Text> </ImageBackground> Button:按钮 一个简单的跨平台的按钮组件。可以进行一些简单的定制。如图,前者为安卓,后者为ios。
imageBackground:背景图片(刮开后呈现的图片)。 pictureOver:前景图片。 sceneWidth:canvas的宽度。 sceneHeight:canvas的高度。
的优化思路也是共通的,例如 资源预先缓存 长列表延迟加载等等 4.标签生效问题
标签用不了啦,要用<Text>
没有了,取而代之的是<Image>
背景,可以用ImageBackground
在使用简写属性时,属性值的顺序为:background-colorbackground-imagebackground-repeatbackground-attachmentbackground-position
/>和<ImageBackground source /> Taro用的是<Image src={...} /> // 引用文件 import namedPng from '../..
1background-imagebackground-image 设置元素的背景图片。
就会去执行 requestIdleCallback 回调常见的引起重绘的属性colorborder-stylevisibilitybackgroundtext-decorationbackground-imagebackground-positionbackground-repeatoutline-coloroutlineoutline-styleborder-radiusoutline-widthbox-shadowbackground-size3.4
图片将完全显示出来并拉伸变形铺满整个屏幕 但如果你的尺寸比例不合适,可能会出现下列尴尬画面 repeat:图片重复并铺满屏幕(不支持android) center:图片不拉伸不缩放且居中 最后提醒一下大家,ImageBackground
才新建一个独立图层放置它们;只会触发重绘的属性//部分属性colorborder-styleborder-radiusvisibilitytext-decorationbackgroundbackground-imagebackground-positionbackground-repeatbackground-sizeoutline-coloroutlineoutline-styleoutline-widthbox-shadow4
才新建一个独立图层放置它们;只会触发重绘的属性//部分属性colorborder-styleborder-radiusvisibilitytext-decorationbackgroundbackground-imagebackground-positionbackground-repeatbackground-sizeoutline-coloroutlineoutline-styleoutline-widthbox-shadow4
才新建一个独立图层放置它们;只会触发重绘的属性//部分属性colorborder-styleborder-radiusvisibilitytext-decorationbackgroundbackground-imagebackground-positionbackground-repeatbackground-sizeoutline-coloroutlineoutline-styleoutline-widthbox-shadow4
就会去执行 requestIdleCallback 回调常见的引起重绘的属性colorborder-stylevisibilitybackgroundtext-decorationbackground-imagebackground-positionbackground-repeatoutline-coloroutlineoutline-styleborder-radiusoutline-widthbox-shadowbackground-size3.4
就会去执行 requestIdleCallback 回调常见的引起重绘的属性colorborder-stylevisibilitybackgroundtext-decorationbackground-imagebackground-positionbackground-repeatoutline-coloroutlineoutline-styleborder-radiusoutline-widthbox-shadowbackground-size3.4
才新建一个独立图层放置它们;只会触发重绘的属性//部分属性colorborder-styleborder-radiusvisibilitytext-decorationbackgroundbackground-imagebackground-positionbackground-repeatbackground-sizeoutline-coloroutlineoutline-styleoutline-widthbox-shadow4 才新建一个独立图层放置它们;只会触发重绘的属性//部分属性colorborder-styleborder-radiusvisibilitytext-decorationbackgroundbackground-imagebackground-positionbackground-repeatbackground-sizeoutline-coloroutlineoutline-styleoutline-widthbox-shadow4