在父小部件内包装长文本答案

【问题标题】：wrap long text inside parent widget在父小部件内包装长文本
【发布时间】：2018-09-27 06:31:12
【问题描述】：

我有一个长文本，我希望它被扭曲成父宽度..

现在得到的是：

我的代码是：

     new Padding(
              padding: new EdgeInsets.only(right: 15.0, left: 15.0),
              child: new Container(
                width: double.infinity,
                color: Color(0xFFF5F5F5),
                child: new Row(
                  children: <Widget>[
                    new Padding(
                      padding: new EdgeInsets.all(5.0),
                        child: Text(
                          'في ظل الازدهار والنمو المستمر للاقتصاد الوطني والتوسع الكبير في حجم الأعمال تزداد الحاجة يوماً بعد يوم إلى توظيف المزيد من الموظفين الأكفاء ، وتواجه الكثير من المنشآت تحديات كبيرة في ايجاد هؤلاء الموظفين \n\n وحيث تعتبر معارض التوظيف أحدى أهم الوسائل لأصحاب العمل في الحصول على احتياجاتهم من الكفاءات والكوادر الوطنية المتخصصة ،فقد أتت مبادرة غرفة الشرقية بإقامة معرض توظيف موسع بمسمى (معرض وظائف) يمكن من خلاله لأصحاب العمل ومسئولي الموارد البشرية ومسئولي التوظيف الالتقاء والتواصل المباشر مع عدد كبير جداً من خريجي كافة المراحل التعليمية وعرض الشواغر المتوفرة لديها واستقطاب أفضل المتقدمين للعمل لديها \n\n كما سيكون المعرض فرصة مناسبة لطالبي العمل من الخريجين الجدد وأصحاب الخبرات لتسويق أنفسهم على المنشآت المشاركة والتنافس على الوظائف المعروضة كمرشحين محتملين للعمل لدى هذه المنشآت مما سيعزز فرصهم في الحصول على الوظائف التي تتوافق مع طموحهم وميولهم ومهارتهم وقدراتهم بالإضافة إلى ذلك سيكون المعرض فرصة مناسبة للالتقاء مع المشاركين من المختصين في مجال الموارد البشرية ومجال التدريب والتأهيل لعرض مايقدمونه من خدمات للمنشآت المشاركة وللزوار ولطالبي العمل',
                          style: TextStyle(color: Colors.black, fontSize: 14.0),
                          textAlign: TextAlign.right,
                      ),
                    ),
                  ],
                ),
              ),
            ),

我希望文本多行并包裹在灰色容器内...

如何做到这一点？

【问题讨论】：

标签： dart flutter

【解决方案1】：

添加Flexible（或扩展）应该可以满足您的需求：

new Row(
  children: <Widget>[
    new Flexible(child:
      new Padding(
        padding: new EdgeInsets.all(5.0),
          child: Text(
            'في ظل الازدهار والنمو المستمر للاقتصاد الوطني والتوسع الكبير في حجم الأعمال تزداد الحاجة يوماً بعد يوم إلى توظيف المزيد من الموظفين الأكفاء ، وتواجه الكثير من المنشآت تحديات كبيرة في ايجاد هؤلاء الموظفين \n\n وحيث تعتبر معارض التوظيف أحدى أهم الوسائل لأصحاب العمل في الحصول على احتياجاتهم من الكفاءات والكوادر الوطنية المتخصصة ،فقد أتت مبادرة غرفة الشرقية بإقامة معرض توظيف موسع بمسمى (معرض وظائف) يمكن من خلاله لأصحاب العمل ومسئولي الموارد البشرية ومسئولي التوظيف الالتقاء والتواصل المباشر مع عدد كبير جداً من خريجي كافة المراحل التعليمية وعرض الشواغر المتوفرة لديها واستقطاب أفضل المتقدمين للعمل لديها \n\n كما سيكون المعرض فرصة مناسبة لطالبي العمل من الخريجين الجدد وأصحاب الخبرات لتسويق أنفسهم على المنشآت المشاركة والتنافس على الوظائف المعروضة كمرشحين محتملين للعمل لدى هذه المنشآت مما سيعزز فرصهم في الحصول على الوظائف التي تتوافق مع طموحهم وميولهم ومهارتهم وقدراتهم بالإضافة إلى ذلك سيكون المعرض فرصة مناسبة للالتقاء مع المشاركين من المختصين في مجال الموارد البشرية ومجال التدريب والتأهيل لعرض مايقدمونه من خدمات للمنشآت المشاركة وللزوار ولطالبي العمل',
            style: TextStyle(color: Colors.black, fontSize: 14.0),
            textAlign: TextAlign.right,
        ),
      ),
    ),
  ],
),

另见TextField inside of Row causes layout exception: Unable to calculate size

【讨论】：

非常感谢！