我们可以在react-native-progress-steps按钮中添加图标而不是文本吗

Question

我正在使用

react-native-progress-steps

在反应原生中创建步进器实现。它是完全可定制的，但我找不到一种方法来放置箭头图标而不是

nextBtnText

和

previousBtnText

。

我尝试过使用文本符号作为箭头图标，但它们永远不适合按钮。有没有办法使用图标而不是文本？

Answer 1

react-native-progress-steps

库不直接支持使用图标代替“Next”和“Previous”按钮的文本，因为它的类型是

String

。但是，您可以自定义 nextBtnText 和 previousBtnText 属性以通过渲染 icon 组件（如 react-native-vector-icons 而不是纯文本）来使用图标。

类似这样的：

import Icon from 'react-native-vector-icons/FontAwesome'; 

 <ProgressSteps
    nextBtnText={<Icon name="arrow-right" size={20} color="#007bff" />}
    previousBtnText={<Icon name="arrow-left" size={20} color="#007bff" />}
  >