Question

我需要证明文字的合理性，而且我的代码无法正常使用。

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

屏幕上没有显示文字。

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

Answer 1

尝试删除scrollView组件，并将样式放在Webview中。

以下是一个例子：

https://snack.expo.io/SJQ5Mf9ym

在React Native项目中为Android证明文本

1 个答案: