如何使用onPress的React Native制作简单的动画?

亚历克斯

我正在使用RN开发一个简单的游戏,只是想知道如何在单击对象后使其平滑消失?我最熟悉钩子,想知道如何在不使用太多“ this”或类或其他任何东西的情况下使其尽可能简单。请帮助我,我将非常感谢!:)

萨凡帕特

Animated方法将参数作为值并将其转换为动画值,然后我们就可以使用这些值来对我们的组件进行动画处理,**** code ****

           <View style={styles.container}>
    <TouchableOpacity style={styles.btn} onPress={() =>this._start()}>
      <Text style={styles.textBtn}>Start</Text>
    </TouchableOpacity>
    <Animated.View
      style={{
        opacity: this.state.fadeValue,
        height: 250,
        width: 200,
        margin: 5,
        borderRadius: 12,
        backgroundColor: "#347a2a",
        justifyContent: "center"
      }}
    >
      <Text style={styles.text}>Fade </Text>
    </Animated.View>
  </View>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用ngAnimate制作简单的动画

来自分类Dev

使用 React Native 的图像制作动画?

来自分类Dev

如何在react-native中使用Animated制作svg动画

来自分类Dev

React Native:如何在onPress事件上更改视图

来自分类Dev

如何从React Native中的ScrollView组件获取onPress事件

来自分类Dev

React Native:如何从 map() 生成的组件单独控制每个 onpress()

来自分类Dev

在React Native中使用onPress打开屏幕的问题

来自分类Dev

使用 React Native 在 onPress 后更改按钮样式

来自分类Dev

如何制作简单的圆形比例动画以超越典型的静态启动屏幕?

来自分类Dev

如何制作基本动画

来自分类Dev

如何制作动画?

来自分类Dev

如何制作滑块动画

来自分类Dev

如何制作动画转场

来自分类Dev

如何使用带有触发器的 react-navigation 从 FlatList react-native 获取详细数据是来自本机基础的按钮 onPress()?

来自分类Dev

使用Cartopy制作动画

来自分类Dev

使用StreamBuilder制作动画

来自分类Dev

使用 jQuery 制作动画

来自分类Dev

如何使用JavaScript制作标签动画(React JS)

来自分类常见问题

React Native onPress被自动调用

来自分类Dev

用React JS制作动画

来自分类Dev

使用angularjs动画制作div动画

来自分类Dev

使用angularjs动画制作div动画

来自分类Dev

React Native:如何使用本地图像制作 Listview

来自分类Dev

如何使用 React-native-elements 的 ListItem 制作圆形头像

来自分类Dev

使用画布时如何制作动画

来自分类Dev

如何使用Jetpack Compose制作动画?

来自分类Dev

如何使用CSS3制作动画

来自分类Dev

如何使用Raphael JS制作连续动画?

来自分类Dev

如何使用加载栏制作动画

Related 相关文章

热门标签

归档