Question

我试图将自定义图像源添加到名为React-native-circle-button的React Native库中的iconButtonCenter属性。 https://github.com/dwicao/react-native-circle-button

根据文档，iconButtonCenter的类型为enum，因此我导入了图标，然后将其直接传递到创建CircleButton对象的位置。它不会像数字或字符串那样大喊大叫，但我仍然不能100％地确定它在技术上是枚举类型。我知道事实上它正在正确的路径中找到图像。我也知道它在做什么，因为默认图像在应用程序上不再可见，它不再具有图标。我没有收到任何编译错误或警告，但是仍然看不到该按钮上方的图标出现。我该如何解决？

这是我组件中的渲染，允许拖动圆形按钮。我还继续将导入内容放在顶部，以便您查看其存储方式。

import letterA  from '../assets/letters/alpha-a.svg';

render() {
    let { pan } = this.state;

    let [translateX, translateY] = [pan.x, pan.y];

    let moveableStyle = {transform: [{translateX}, {translateY}]};
    const panStyle = {
      transform: this.state.pan.getTranslateTransform()
    }
    return (
      <Animated.View
        {...this._panResponder.panHandlers}
        style={[moveableStyle, panStyle]}>
          <CircleButton iconButtonCenter={letterA} /> <--- Here is the image source reference.
      </Animated.View>
    );
  }

CircleButton组件应该成功地将图像馈送到其上，并且即使沿着字符串拖动也应保持在按钮上方的中心位置。

Answer 1

问题在于图片格式是.svg，将图标转换为.png就像一种魅力一样！

如何将枚举图像源添加到React-native-circle-button？

1 个答案: