React Native twitter收藏动画

参考文章:

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

start~

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

...

import......

React Native SVG描边动画

stroke属性

stroke 定义描边颜色

stroke="#0078ff"

strokeWidth 定义描边的宽度

strokeWidth="3"

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

strokeDasharray 创建虚线

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

Xcode中使用http

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

解决:在info.list中增加↓

Navigator passProps

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

<TouchableOpacity

key={index}

onPress={() =>

this.props.navigator.push({

title: '详情',

component: Detail,

passProps: {

ur......

关于TabBarIOS

TabBarIOS图标垂直居中

正常是

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

TabBarIOS使用图片

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

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

React Native 使用iconfont【ios】

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

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

build phases里多了个这个字体

......