首页 > 解决方案 > 在 ReactNative 中,按一下空格会产生很大的空间

问题描述

我在一个字符串中使用了一次空格,但我在屏幕上得到了太多的空白。我该如何解决这个问题?我不知道为什么会这样。

这是屏幕

在此处输入图像描述

这是我的代码我该如何解决这个问题?

    import React from 'react';
    import styled from 'styled-components/native';

    const Container = styled.View`
      background: lightskyblue;
      width: 100%;
      height: 100%;
    `;

    const HeyContainer = styled.View`
      width: 100%;
      height: 100%;
      border: lightcoral;
    `;

    const PolicyContainer = styled.View`
      background: lightyellow;
      margin: 3% 3% 3% 3%;
    `;

    const Label = styled.Text`
      font-size: 14px;
      text-align: justify;
    `;
    const Policy = () => {
      return (
        <Container>
          <PolicyContainer>
            <HeyContainer>
              <Label>
                {'<'}example{'>'}('https://example'이하 'example')은(는) 「개인정보
                보호법」 제30조에 따라 정보주체의 개인정보를 보호하고 이와 관련한
                고충을 신속하고 원활하게 처리할 수 있도록 하기 위하여 다음과 같이
                개인정보 처리방침을 수립·공개합니다.
              </Label>
            </HeyContainer>
          </PolicyContainer>
        </Container>
      );
    };

    export default Policy;

标签: javascriptnode.jsreactjsreact-nativestyled-components

解决方案


推荐阅读