我有一个如下所示的反应组件类
<View style={{flex: 1}}>
<TouchableOpacity style={styles.FreeCoffee}/>
<TouchableOpacity style={styles.Help}/>
</View>
两个 touchableopacity 组件都具有 flex 2 的值,因此它们在窗口中均分。当按下其中一个 touchableopacity 时,我想在 flex 到 2 到 4 之间进行转换,以便一个框可以随着动画而增长,并将其标记为“活动”或“选定”之一。我已经搜索了很多次,但由于我是 ReactNative 的初学者,我找不到任何合适的方法。
这是可能的还是可以实现的?
//编辑完整代码
import React from 'react'
import {ScrollView, Text, View, TouchableOpacity, Button} from 'react-native'
import styles from '../Styles/Containers/HomePageStyle'
export default class HomePage extends React.Component {
constructor(props){
super(props);
/*this.state = {
active : { flex : 8 }
}*/
}
render() {
return (
<View style={styles.mainContainer}>
<View style={{flex: 1}}>
<TouchableOpacity style={styles.FreeCoffee}/>
<TouchableOpacity style={styles.Help}/>
</View>
</View>
)
}
componentWillMount(){
}
animateThis(e) {
}
}