gpt4 book ai didi

reactjs - 胜利 native : events props not working in react native/event not firing in react native when using victory bar chart

转载 作者:行者123 更新时间:2023-12-05 08:20:13 29 4
gpt4 key购买 nike

我正在尝试实现 Victor 条形图,当用户点击条形图时我想在其中执行一些操作。但是当使用文档中给出的事件 Prop 这样做时(使用 docs 中给出的相同示例代码)但事件没有触发。您还可以使用此链接在 snack.expo.io 上查看我的实现... ClickMe

包版本是:

"react-native-svg": "^9.4.0",
"victory-native": "^32.0.2",
"expo": "^33.0.0",
"react": "16.8.3",
"react-dom": "^16.8.6",
"react-native": "https://github.com/expo/react-native/archive/sdk-33.0.0.tar.gz",

这里有相同的代码供您引用...

注意: 我还使用了“onPressIn”、“onClick”和“onPress”,它们都不起作用。

<VictoryBar
data={[
{x: 1, y: 2, label: "A"},
{x: 2, y: 4, label: "B"},
{x: 3, y: 7, label: "C"},
{x: 4, y: 3, label: "D"},
{x: 5, y: 5, label: "E"},
]}
events={[
{
target: "data",
eventHandlers: {
onPressIn: () => {
return [{
target: "labels",
mutation: (props) => {
return props.text === "clicked" ?
null : { text: "clicked" }
}
}];
}
}
}
]}
/>

请帮帮我

最佳答案

尝试将 VictoryBar 包裹在 VictoryChart 中。 TouchableOpacity 里面的 VictoryChart 是这样的

<TouchableOpacity onPress={...}>
<VictoryChart containerComponent={<VictoryContainer disableContainerEvents />}
...>
<VictoryBar
... />
</VictoryChart>
</TouchableOpacity>

关于reactjs - 胜利 native : events props not working in react native/event not firing in react native when using victory bar chart,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57227291/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com