React Native svg url给出了错误

Question

我正在为输入框创建一个组件。因此，我试图让他们使用左图标等。

这是我正在使用的代码：

  <View
    style={[styles.enclosingBox, this.props.style]}>
    {this.props.drawableLeft && 
      <TouchableWithoutFeedback onPress={this.props.drawableLeftClick || (() => {})}>
        <SvgUri width="24" height="24" source={require(this.props.drawableLeft)} resizeMode={Image.resizeMode.contain} />
      </TouchableWithoutFeedback>
    }
    <TextInput autoFocus={this.props.autoFocus || false}
      keyboardType={this.props.keyboardType || 'default'}
      maxLength={this.props.maxLength}
      placeholder={this.props.placeholder}
      style={[styles.textStyle, {color: config.colors.primary}, this.props.textStyle]}
      onChangeText={this.props.onChangeText}>
    </TextInput>
    {this.props.drawableRight && 
      <TouchableWithoutFeedback onPress={this.props.drawableRightClick || (() => {})}>
        <SvgUri width="24" height="24" source={require(this.props.drawableRight)} resizeMode={Image.resizeMode.contain} />
      </TouchableWithoutFeedback>
    }
  </View>

当我像这样使用这个组件时：

{}} /＆gt;

导致此错误：

如果我硬编码组件中svg文件的路径，它可以正常工作。关于这里可能发生什么的任何想法？