React native 在本机svg中设置图像上的文本颜色

我试图找到在svg中设置文本颜色的最佳方法，svg在react native中充当背景图像

对于背景图像本身，我有以下代码：

var styles = StyleSheet.create({
  container: {
  flex: 1,
  height: null,
  width: null,
  backgroundColor: '#0da651',
  textAlign: 'center'
}

但是，我需要设置svg的背景颜色，还需要设置svg中文本的颜色，我不确定这样做的最佳方法是什么。看过下面的文档后，我可以看到这张图片没有颜色样式的道具，所以最好能想到一些解决方法

组件渲染功能：

render() {
    return (
        <View>
          <SvgUri
            source={require('./assets/images/logo-light.svg')}
            style={styles.container}/>
          <Text style={styles.textStyle}>Please sign in.</Text>
          <Text style={styles.linkStyle}>Forgotten Password</Text>
          <Button
            onPress={this.onSubmitPress}
            title= "Submit"
            style={styles.submit}
          />
      </View>
    )
  }
}

render（）{
返回(
请登录。
忘记密码
)
}
}

如果svg的文本部分？如果我想要动态彩色svg，我通常将颜色作为道具传递。也许你可以附加你的svg组件代码？谢谢-我已经更新了代码，但是我遇到的更大的问题似乎是，该文件是一个svg，但目前还没有乐趣。我不熟悉

svg uri

。也许可以尝试使用

react native svg

-，然后按照文档将svg重写为RN组件。您将完全控制所有属性。如果svg的文本部分？如果我想要动态彩色svg，我通常将颜色作为道具传递。也许你可以附加你的svg组件代码？谢谢-我已经更新了代码，但是我遇到的更大的问题似乎是，该文件是一个svg，但目前还没有乐趣。我不熟悉

svg uri

。也许可以尝试使用

react native svg

-，然后按照文档将svg重写为RN组件。您将完全控制所有属性。