首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >在Android的React Native项目中对齐文本

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

Stack Overflow用户
提问于 2018-05-29 07:03:50
回答 1查看 658关注 0票数 0

我需要调整一个文本,但我的代码不能正常工作。

代码语言:javascript
复制
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设备上执行代码。

EN

回答 1

Stack Overflow用户

发布于 2018-05-29 07:37:33

尝试删除scrollView组件,并将样式放入Webview中。

下面是一个示例:

https://snack.expo.io/SJQ5Mf9ym

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50574338

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档