React Native twitter收藏动画

参考文章:

看了这个文章后试着写了下,一些参数什么的写的有点随意,效果木有原作的那么好_(:зゝ∠)_,就当记录下学习笔记好了(ง •_•)ง

start~

引入Animated和ART组件,图形有大小位移等的变化,需要让Shape组价可动画化:

...

import {

ART,

Animated,

...

} from 'react-native';

cons......

React Native SVG描边动画

stroke属性

stroke 定义描边颜色

stroke="#0078ff"

strokeWidth 定义描边的宽度

strokeWidth="3"

创建虚线时候用到的属性:

strokeDasharray 创建虚线

// 假设一个‘空格’5像素,一个‘_’5像素

strokeDasharray="5"

// 看到的是 _ _ _ _ 即5像素......

Xcode中使用http

rn中写fetch时候老报错,查来查去好像xcode只允许https协议...

解决:在info.list中增加↓

Navigator passProps

写了一下passProps,发现获取不到

<TouchableOpacity

key={index}

onPress={() =>

this.props.navigator.push({

title: '详情',

component: Detail,

passProps: {

url: 'http://test'

}

})

}

>

<View>//这里是产品列表......

关于TabBarIOS

TabBarIOS图标垂直居中

正常是

如果不显示文字只图标居中,需要写title="",直接删掉title下面文字的位置还是会空出来

TabBarIOS使用图片

包括颜色【默认是灰色的】

把_icon改成跟上面一样的那一串

React Native 使用iconfont【ios】

将字体文件拖拽到Xcode的项目里,勾选Create groups和 Add to targets 项目

在info.list里面添加Fonts provided by application,把字体加进去

build phases里多了个这个字体

代码:

<Text style={{fontFamily: 'iconfont', ......

React Native 添加APP图标

for IOS:

you should set AppIcon in Images.xcassets.

you should upload 9 different size icons 29pt 29pt*2 29pt*3 40pt*2 40pt*3 57pt 57pt*2 60pt*2 60pt*3.

picture for setting Images.xcassets

for And......