在父窗口小部件内包装长文本

时间:2018-09-27 06:31:13

标签: dart flutter

我有一个很长的文字,希望将其变形为父级宽度。

现在得到的是:

enter image description here

我的代码是:

     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,
                      ),
                    ),
                  ],
                ),
              ),
            ),

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

如何实现?

1 个答案:

答案 0 :(得分:0)

添加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