본문 바로가기

MainAxisAlignment5

Flutter 플러터에서 2개 요소가 있는 행에서 하나의 요소만 가운데로 정렬하는 방법은 무엇인가요?, How to center only one element in a row of 2 elements in flutter 질문 레이아웃에는 한 줄에 두 개의 위젯이 있습니다. 하나는 텍스트이고 다른 하나는 아이콘입니다. 아래에 표시된 것처럼 *은 아이콘을 나타내며, "-"는 한 줄을 나타냅니다: ---------------------------- 텍스트 * ---------------------------- 텍스트를 전체 줄 가운데로 정렬하고, 아이콘을 오른쪽 끝에 위치시키는 방법은 무엇인가요? 답변 주목해야 할 주요한 점은 Stack을 사용하지 않으려면 왼쪽과 오른쪽에 같은 너비를 차지하는 위젯을 제공해야 한다는 것입니다. 이를 위해 Expanded와 Padding을 사용할 것입니다. Row( children: [ Expanded( child: Padding( padding: const EdgeInsets.only(lef.. 2023. 10. 1.
Flutter 플러터에서 열과 행 항목을 가운데 정렬하는 방법은 무엇인가요?, How to center column and row item in Flutter? 질문 나는 작은 통화 표를 가지고 있습니다. 그리드를 사용하지 않았습니다. 열과 행을 사용했습니다. 문제는 행에 있는 항목들이 아래의 엑셀 예시처럼 가운데에 표시되지 않습니다. 항목들을 가운데에 표시하기 위해 어떤 위젯을 사용해야 할까요? 예시 코드: return new Center( child: new Column( crossAxisAlignment: CrossAxisAlignment.center, children: [ new Row( mainAxisAlignment: MainAxisAlignment.center, children: [ new Padding( padding: const EdgeInsets.fromLTRB(15.0, 5.0, 15.0, 5.0), child: new Icon( Icons... 2023. 9. 24.
Flutter 플러터에서 행의 요소 간 간격 설정하기, Set the space between Elements in Row Flutter 질문 코드: new Container( alignment: FractionalOffset.center, child: new Row( mainAxisAlignment: MainAxisAlignment.spaceEvenly, children: [ new FlatButton( child: new Text('Don\'t have an account?', style: new TextStyle(color: Color(0xFF2E3233))), ), new FlatButton( child: new Text('Register.', style: new TextStyle(color: Color(0xFF84A2AF), fontWeight: FontWeight.bold),), onPressed: moveToRegister, .. 2023. 5. 15.
Flutter 플러터에서 두 항목을 극단에 맞추어 정렬 - 하나는 왼쪽에, 다른 하나는 오른쪽에, Flutter align two items on extremes - one on the left and one on the right 질문 저는 두 항목을 왼쪽과 오른쪽 끝에 맞추려고 노력하고 있습니다. 왼쪽에 맞춰진 하나의 행과 그 하위에 오른쪽에 맞춰진 하위 행이 있습니다. 그러나 하위 행이 부모에서 정렬 속성을 가져오는 것 같습니다. 이것은 내 코드입니다. var SettingsRow = new Row( mainAxisAlignment: MainAxisAlignment.end, crossAxisAlignment: CrossAxisAlignment.center, mainAxisSize: MainAxisSize.max, children: [ Text("Right",softWrap: true,), ], ); var nameRow = new Row( mainAxisAlignment: MainAxisAlignment.start, cross.. 2023. 5. 13.

티스토리툴바