Reactjs 在Android的React Native项目中对齐文本

我需要一个文本，我的代码不能正常工作

import React from "react"
import { ScrollView, StyleSheet, View, WebView } from "react-native"

export default class App extends React.Component {
  render() {
    return (
      <ScrollView style={styles.container}>
        <WebView
          source={{
            html:
              "<style>p{text-align:justify}</style>" +
              "<p>" +
              "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus commodo tortor ut ipsum pharetra sodales. Praesent sed diam non lacus convallis dapibus. Sed vulputate erat risus, ac hendrerit eros egestas id. Etiam pellentesque auctor ipsum, non cursus nisi gravida sed. Ut eget pretium risus. Curabitur a lectus odio. Etiam felis urna, pharetra ut odio in, tristique suscipit tortor. Cras vitae risus odio. Etiam a leo elit. Duis molestie fermentum mi vitae pretium. Morbi luctus semper quam, et suscipit nisi convallis dictum. Fusce sit amet est dapibus, interdum ante non, lacinia metus. Donec at nulla non ante consectetur vulputate. Cras tristique porttitor ligula quis posuere. Integer nec laoreet felis, at tempor leo. Ut et convallis quam." +
              "</p>"
          }}
        />
      </ScrollView>
    )
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: "#fff",
    margin: 20
  }
})

从“React”导入React
从“react native”导入{ScrollView，StyleSheet，View，WebView}
导出默认类App扩展React.Component{
render（）{
返回(
)
}
}
const styles=StyleSheet.create({
容器：{
弹性：1，
背景颜色：“fff”，
差额：20
}
})

文本不会显示在屏幕上

---

我正在尝试在Android设备中执行代码。

尝试删除scrollView组件，并将样式放入Webview

以下是一个例子：