嵌套文本的样式不起作用 react-native

Question

应用程序.js：

import React, { Component } from "react";
import { Text, View, StyleSheet } from "react-native";

export default class App extends Component {
  render() {
    return (
      <View style={styles.container}>
        <Text>
          <Text>First</Text>
          <Text style={{ borderBottomWidth: 1 }}>Second</Text>
          <Text>Third</Text>
        </Text>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: "center",
    justifyContent: "center",
    backgroundColor: "#ECF0F1"
  }
});

如您所见，我们嵌套了<Text>组件。 问题是一些样式道具，例如borderBottomWidth - marginVertical - width marginVertical用于嵌套组件！

解决这个问题的任何想法？

提前致谢！

Answer 1

我不确定为什么 (width, marginVertical) 不起作用，但我知道您应该指定 (borderStyle=solid, borderColor) 以便您可以看到它。我认为这就是问题所在，希望它有所帮助。 但我应该说这可能不是因为我试图问一个问题时遇到了你的问题，对我来说所有的样式都不起作用，不仅如此，而且它引发了一个错误，它根本没有运行，这很奇怪无论是否嵌套，行为只会发生在 Text 组件上。