小程序中Text标签dev和build后表现不一致

[schinvendy]

问题描述

小程序中Text标签如果里面的内容有出现换行的话，dev和build的表现会不一致。

复现步骤

jsx内容：

dev环境下：

build环境下：

期望行为

期望表现一致，避免dev下正常然而到了build后布局混乱

系统信息
Taro CLI 1.2.0 environment info:
System:
OS: Windows 10
Binaries:
Node: 10.13.0 - D:\nodejs\node.EXE
npm: 6.4.1 - D:\nodejs\npm.CMD

[taro-bot]

欢迎提交 Issue~

如果你提交的是 bug 报告，请务必遵循 Issue 模板的规范，尽量用简洁的语言描述你的问题，最好能提供一个稳定简单的复现。🙏🙏🙏

如果你的信息提供过于模糊或不足，或者已经其他 issue 已经存在相关内容，你的 issue 有可能会被关闭。

Good luck and happy coding~

[yuche]

你截图的代码文字发一下

[schinvendy]

你截图的代码文字发一下

 state = {
    testText: 'testText',
    stateText: 'stateText'
  };

render() {
    const { testText, stateText } = this.state;
    return (
      <View className="index">
        <View>测试Text标签</View>
        <View style="margin-top:20px">
          <Text>
            这是一个被换行的Text标签内容
            {testText}
          </Text>
          <Text>这是一个没有换行的Text标签内容{stateText}</Text>
        </View>
        <View style="margin-top:20px">
          <Text>
            这是一个被换行的Text标签内容
            {stateText}
          </Text>
          <Text>这是一个没有换行的Text标签内容{testText}</Text>
        </View>
      </View>
    );
  }

[yuche]

带上缩进，否则不知道你到底在哪写了 \n

[luckyadam]

因为 build 后 wxml 会被压缩，你如果要实现换行还是用 <View /> 标签来做