Loading...
Expanded
Expanded
Expanded контейнер өзүнүн ички виджетине башка контейнерлердин жеткиликтүү мейкиндигин (же анын бир бөлүгүн) толтурууга мүмкүндүк берет.
Кеңейтилген виджетти түзүү үчүн төмөнкү конструктор колдонулат:
Параметр child салынган виджетти, ал эми параметр flex ийкемдүү факторду, Кеңейтилген виджетке контейнер мейкиндигинин белгилүү көлөмүн бере турган сумманы көрсөтөт.
Биринчиден, биз туш болушу мүмкүн болгон көйгөйдү карап көрөлү. Келгиле, биз Row контейнеринде салыштырмалуу узун текстти көрсөткүбүз келет дейли:
Бул мисал Expended виджетти кантип колдонууну көрсөтөт , ошондо анын ортоңку баласы, бул жердеги Контейнер боштукту толтуруу үчүн кеңейет.
Бул код үлгүсү менен жергиликтүү долбоорду түзүү үчүн, иштетиңиз:
Бул мисал жеткиликтүү мейкиндикке артыкчылык берүү үчүн ийкемдүү факторду колдонуп, бир нече балдар кеңейтилген катардагы Кеңейтилген виджетти кантип колдонууну көрсөтөт .
Бул код үлгүсү менен жергиликтүү долбоорду түзүү үчүн, иштетиңиз:
import 'package:flutter/material.dart';
/// Flutter code sample for [Expanded].
void main() => runApp(const ExpandedApp());
class ExpandedApp extends StatelessWidget {
const ExpandedApp({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: const Text('Expanded Row Sample'),
),
body: const ExpandedExample(),
), ); } }
class ExpandedExample extends StatelessWidget {
const ExpandedExample({super.key});
@override
Widget build(BuildContext context) {
return Center(
child: Row(
children: <Widget>[
Expanded(
flex: 2,
child: Container(
color: Colors.amber,
height: 100,
),
),
Container(
color: Colors.blue,
height: 100,
width: 50,
),
Expanded(
child: Container(
color: Colors.amber,
height: 100,
), ), ], ), ); }}