如何使图标在 react-native-paper 中旋转？答案

【问题标题】：How to make icon spin in react-native-paper?如何使图标在 react-native-paper 中旋转？
【发布时间】：2020-02-18 10:49:06
【问题描述】：

我有这个react-native-paper 按钮：

      <Button
        disabled={loading}
        icon="refresh"
        mode="contained"
        onPress={this.refreshData.bind(this)}
      >
        Refresh
      </Button>

loading=true时如何让图标旋转？

【问题讨论】：

您能否更具体地说明您希望如何“旋转”图标？

标签： javascript reactjs react-native expo react-native-paper

【解决方案1】：

为旋转图标执行此操作。

当数据刷新值设置为真并且图标开始旋转时，声明一个变量refreshing任何布尔值。

      <Button
        loading={loading}
        disabled={loading}
        icon="refresh"
        mode="contained"
        onPress={this.refreshData.bind(this)}
      >
        Refresh
      </Button>

react-native-paper 按钮有类似 .. loading 的道具它只是旋转图标

这里snack link

【讨论】：

使用 loading 道具我无法使用刷新图标。使用刷新图标我无法启动。这个例子正是我发布的，除了你使用两个变量而不是一个。
你能检查更新代码吗？你控制禁用和加载只有一个变量，请检查工作示例访问小吃链接
是的，它有效。问题只是使用与默认微调器不同的图标并使新图标旋转。例如，如何使名为 refresh 的图标旋转？