2017-05-18 2 views
1

열이 있는데 크기가 다른 여러 텍스트 항목이 포함되어 있으며 최대 텍스트와 동일한 너비로 확장하려고합니다.형제 최대 너비를 기준으로 위젯 표시

내 텍스트 항목은 Color가있는 컨테이너에 래핑되며 모든 항목을 컨테이너와 정렬하여 직선 테두리로 렌더링 할 수 있습니다.

Flutter에서 어떻게 설명 할 수 있습니까?

+0

열이 고정되어 있습니까? 그렇다면 확장 된 [https://docs.flutter.io/flutter/widgets/Expanded-class.html]에 모든 자녀를 감싸서 사용할 수있는 공간을 확보 할 수 있습니다. –

+0

아니요 텍스트 기반입니다. –

답변

3

IntrinsicWidth의 경우에 좋은 사례입니다. 당신은 아이들의 고유 폭을 결정하기 위해 CrossAxisAlignment.stretch와 함께 사용하고 Column의 폭을 설정하는 데 사용할 수 있습니다 :

screenshot

다음은 위의 이미지를 생성하는 예제 코드입니다.

import 'package:flutter/material.dart'; 

void main() { 
    runApp(new MyApp()); 
} 

class MyApp extends StatelessWidget { 
    @override 
    Widget build(BuildContext context) { 
    return new MaterialApp(
     title: 'Flutter Demo', 
     home: new Material(
     child: new Center(
      child: new IntrinsicWidth(
      child: new Column(
       mainAxisSize: MainAxisSize.min, 
       crossAxisAlignment: CrossAxisAlignment.stretch, 
       children: [ 
       new Container(
        decoration: new BoxDecoration(color: Colors.blue[200]), 
        child: new Text('Hello'), 
       ), 
       new Container(
        decoration: new BoxDecoration(color: Colors.green[200]), 
        child: new Text('world!!!!!!!'), 
       ), 
       ], 
      ), 
     ), 
     ), 
    ), 
    ); 
    } 
}