react-native - 使用 react-native-reanimated 的按钮滑动效果
问题描述
我有一个映射按钮列表并将它们显示给用户的视图,然后用户可以选择要查看的视图。
它使用一个列表,因为这个组件在多个视图中使用并且按钮是不同的。
当用户在这些按钮之间切换但没有成功时,我想创建一个滑动效果。我使用了“react-native-reanimated”,但我无法让它工作
任何想法或建议如何制作这种滑动效果?
谢谢
updateView(value) {
this.props.changeView(value);
this.setState({ selected: value });
}
render() {
let {buttonsList} = this.props
let {selected } = this.state
return (
<View style={routinesStyles.ButtonsContainer}>
{buttonsList.map((item) => (
<TouchableHighlight
onPress={() => this.updateView(item.value)}
style={ selected === item.value ? routinesStyles.selected : routinesStyles.notSelected }>
>
<Text>{item.label}</Text>
</TouchableHighlight>
))}
</View>
);
}
}
解决方案
推荐阅读
- ruby-on-rails - Active Storage Rails 5.2.1 中的字节范围支持
- r - R:从每个基因的 t.test 中获取 p 值
- java - 如何包含添加到 SpringBoot 项目中的自定义库的子依赖项?
- android - 将 Strings.xml 中的 String 中的 1 个单词或句子大写
- android - Android MVP 持久化
- python - Json 将添加的键放在一起而不创建新的字典
- r - 在 Shiny 应用程序中重置可操作的值
- java - 我可以在另一个注释中使用属性中的 Spring @Value 变量吗?
- java - CDI 1.1:@Observes @Initialized(TransactionScoped.class) 应该工作吗?
- java - 类名必须在方法之前,必须是 MatcherAssert.assertThat() 而不仅仅是 assertThat()?