Flutter를 사용하여 TableRow를 Table에 동적으로 추가하는 방법

debugcn 에 게시 Dev

tajihiro

나는 3 일에 걸쳐 스택입니다. TableRow를 Table에 동적으로 추가하고 싶습니다. 그러나 List 데이터에서 TableRows를 추가하는 방법을 모릅니다.

Table(
    columnWidths: {
      0: FlexColumnWidth(1.0),
      1: FlexColumnWidth(2.0),
    },
    border: TableBorder.all(),
    defaultVerticalAlignment: TableCellVerticalAlignment.middle,
    children: <TableRow>[
        // HOW CAN I MAKE ITERATION with List length.
    ]),

방법을 알려주십시오. 감사.

Abion47

build메소드 에서 미리 목록을 작성하십시오 .

final rows = <TableRow>[];
for (var rowData in myRowDataList) {
  rows.add(TableRow(
    ... // Generate a TableRow using rowData
  ));
}

...

Table(
  columnWidths: {
    0: FlexColumnWidth(1.0),
    1: FlexColumnWidth(2.0),
  },
  border: TableBorder.all(),
  defaultVerticalAlignment: TableCellVerticalAlignment.middle,
  children: rows,
),

또는 Dart 2.3부터 목록 선언 자체 내에서 for 루프를 사용할 수 있습니다.

Table(
  columnWidths: {
    0: FlexColumnWidth(1.0),
    1: FlexColumnWidth(2.0),
  },
  border: TableBorder.all(),
  defaultVerticalAlignment: TableCellVerticalAlignment.middle,
  children: [
    for (var rowData in myRowDataList)
      TableData(
        ... // Generate a TableRow using rowData
      ),
  ],
),

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정2021-04-1

몇 마디 만하겠습니다

0리뷰

로그인참여 후 검토

Related 관련 기사

기사

Flutter를 사용하여 TableRow를 Table에 동적으로 추가하는 방법

Flutter를 사용하여 TableRow를 Table에 동적으로 추가하는 방법

작업 표시 줄 단추를 사용하여 동적으로 ListView에 추가하는 방법

Div 사이에 div를 동적으로 추가하는 방법

여러 RelativeLayout.LayoutParams를 사용하여 레이아웃에 동적으로 추가하는 방법

Razor / MVC 5를 사용하여 드롭 다운 목록에 요소를 동적으로 추가하는 방법

onclick javascript를 사용하여 목록에서 동적으로 노드를 추가, 삭제하는 방법

JQuery를 사용하여 동적으로 테이블에 데이터를 추가하는 방법

PHP를 사용하여 루프 내부에 동적으로 클래스를 추가하는 방법

asp를 사용하여 루프 내부에 동적으로 클래스를 추가하는 방법

'functools.partial ()'을 사용하여 클래스에 메서드를 동적으로 추가하는 방법

모듈을 사용하여 Rails 모델에 클래스 메소드를 동적으로 추가하는 방법

루프를 사용하여 객체에 동적으로 값을 추가하는 방법

div에 img를 동적으로 추가하는 방법

div에 클래스를 동적으로 추가하는 방법

imageView에 이미지를 동적으로 추가하는 방법

jquery를 사용하여 동적으로 행을 추가하는 방법

jquery를 사용하여 PHP를 사용하여 목록 항목을 <ul>에 동적으로 추가하는 방법은 무엇입니까?

Flutter Table 용 TableRow에서 테이블 열 크기를 설정하는 방법

jquery를 사용하여 동적으로 추가 된 요소에 대한 클릭 이벤트를 추가하는 방법은 무엇입니까?

동적으로 추가 된 래핑 된 div에서 jquery를 사용하여 이미지와 div를 추가하는 방법은 무엇입니까?

jquery를 사용하여 동일한 클래스의 여러 div에 축소 클래스를 동적으로 추가하는 방법

DataTable을 사용하여 GridView에서 TextBox를 동적으로 채우는 방법

기존 값에 추가를 적용하여 다른 사전으로 사전을 업데이트하는 방법

jquery를 사용하여 동적으로 행을 추가하고 합계를 계산하는 방법

AngularJS를 사용하여 동적으로 div에 클래스를 적용하는 방법

ScalaFX에서 VBox에 동적으로 노드를 추가하는 방법

Li 항목에 클래스를 동적으로 추가하고 JavaScript 및 CSS를 사용하여 배경색을 변경하는 방법

동적으로 생성 된 ImageView에 이미지를 동적으로 추가하는 방법

jsonplaceholder를 사용하여 동적으로 여러 게시물을 추가하는 방법

입력 필드를 사용하여 여러 <tr>을 동적으로 추가 및 제거하는 방법