颤动的网页，文本异常裁剪

Posted 2023-02-23

【中文标题】颤动的网页，文本异常裁剪

【英文标题】：flutter web, Text abnormally cropped

【发布时间】：2021-06-05 12:14:44

【问题描述】：

我在 Column 小部件中使用 Text 小部件。根据用户的语言偏好，此文本是 English 或 Thai。在英语中，由于某种原因，在泰语中我没有任何问题，垂直（底部）的文本被裁剪：

英文版：

泰文版：

我的代码如下：

Column(children: <Widget>[
                Text(
                  translation(
                      'You are a tire wholesaler in Thailand and you want to list your products on WYZauto? Let\'s talk!',
                      _languageCode),
                  style: TextStyle(
                      color: Colors.grey[500],
                      fontSize: 16,
                      fontStyle: FontStyle.italic),
                ),
                SizedBox(
                  height: 40,
                ),
                Text(translation('Line Us', _languageCode),
                    style: TextStyle(
                        fontFamily: 'JosefinSans',
                        fontSize: 20,
                        fontWeight: FontWeight.w600,
                        color: Colors.orange)),
                SizedBox(
                  height: 40,
                ),

               .....
             ])

它只发生在 Web 上，在 android 上没有问题

【参考方案1】：

它没有足够的空间来完全显示文本，因为移动设备有更多的垂直空间，而网络有水平，使用Flex或其他东西来动态地在小部件之间提供空间而不是SizedBox，应该适用于网络和移动设备，并希望解决手头的问题。