在react native中可以使用样式表或样式化组件进行过渡吗?我尝试了以下方法,但没有成功。
import React from 'react'
import styled from 'styled-components/native'
import { Text, View, StyleSheet } from 'react-native'
export default class extends React.Component {
render() {
return (
<Wrapper visible={visible}><Text>hello</Text>
)
}
}
const Wrapper = styled.View`
opacity: ${props => props.visible ? 1 : 0};
transition: opacity 1s linear;
`
const styles = StyleSheet.create({
wrapper: {
opacity: 1,
transition:'opacity 1s linear'
}
});
2条答案
按热度按时间luaexgnf1#
React Native不支持这种方式的react样式过渡,而是尝试RN动画视图库,它的工作原理非常相似(并使用内联样式/组件):
https://facebook.github.io/react-native/docs/animated.html
im9ewurl2#
React Native确实支持这类转换,这里有一个简单的例子: