显示星级与反应本机

Question

我正在尝试使用 5 星显示评级。我发现了不同的组件，可以使用星星来评级某物，但不显示评级。问题是星星是可选的，因此用户可以更改评级的值，就像使用此组件一样。是否有解决方案可以禁用这些元素的触摸，或者是否有另一个只能显示星星的反应组件？

Answer 1

您可以通过pointerEvents属性禁用触摸。您可以将您提到的组件包装在 View 元素中，例如

<View pointerEvents="none">
  {stars}
</View>

如果您不想使用该组件，只需在水平视图中添加星形即可。

Answer 2

有一个只读道具可以用来禁用输入。你也可以使用isDisabled道具。

看看反应原生评级

1. npm i react-native-ratings
2. import { Rating } from "react-native-ratings";
3. <Rating defaultRating={3} ratingCount={5} size={5} readonly />