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

Question

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

我有以下代码用于背景图片本身：

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

但是我需要设置svg的背景颜色，还要设置其中文本的颜色，我不确定这样做的最佳方法是什么。看了下面的文档，我可以看到Image没有颜色样式的支柱，所以对此有一些关于变通方法的想法会很好。

https://facebook.github.io/react-native/docs/image.html

组件渲染功能：

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>
    )
  }
}