القيود والتخطيط المتجاوب

Widget placeRow() => const Row(children: [
  Icon(Icons.place),
  SizedBox(width: 8),
  Expanded(child: Text('Riverside learning center and reading room',
    maxLines: 2, overflow: TextOverflow.ellipsis)),
]);

The label occupies the remaining finite row width and uses at most two lines.

يجب استعمال Expanded داخل أب مرن متوافق. ويفترض المثال أن Row نفسه يتلقى عرضا محدودا.

Widget readingList() => Column(children: [
  const Padding(padding: EdgeInsets.all(16), child: Text('Reading list')),
  Expanded(child: ListView.builder(
    itemCount: 40,
    itemBuilder: (context, index) => ListTile(title: Text('Chapter ${index + 1}')),
  )),
]);

A header stays above a scrolling list of Chapter 1 through Chapter 40.

يسمح ارتفاع الأب المحدود لـ Expanded بتخصيص مساحة عرض. وتُطلب العناصر عند الحاجة بدلا من تخطيطها كلها داخل Column.