Flutter - 동적 데이터 관리 ListView.builder() > 프로그래밍

본문 바로가기

프로그래밍

Flutter - 동적 데이터 관리 ListView.builder()

본문



접기 [ ▼ 작성자 참고 Source ]
//반복문이 아닐때
void main() {
  runApp(const Suse_App());
}
 
class Suse_App extends StatelessWidget {
  const Suse_App({super.key});
 
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        home: Scaffold(
          appBar: AppBar(),
          bottomNavigationBar: BottomAppBar(),
          body: ListView(
            children: [
              Text('매일같이 자신만의 속도로 세상을 살아갑니다.'),
	      Text('매일같이 자신만의 속도로 세상을 살아갑니다.'),
	      Text('매일같이 자신만의 속도로 세상을 살아갑니다.'),
            ],
          )
        )
    );
  }
}

//반복문일때
import 'package:flutter/material.dart';

void main() {
  runApp(const Suse_App());
}

class Suse_App extends StatelessWidget {
  const Suse_App({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        home: Scaffold(
          appBar: AppBar(),
          body: ListView.builder(
              itemCount: 3,
              itemBuilder: (c, i){
                return ListTile(
                  title: Text('매일같이 자신만의 속도로 세상을 살아갑니다.'),
                );
              },
            ),
          )
    );
  }
}


본문

 //반복문이 아닐때

void main() {

  runApp(const Suse_App());

}

 

class Suse_App extends StatelessWidget {

  const Suse_App({super.key});

 

  @override

  Widget build(BuildContext context) {

    return MaterialApp(

        home: Scaffold(

          appBar: AppBar(),

          bottomNavigationBar: BottomAppBar(),

          body: ListView(

            children: [

              Text('매일같이 자신만의 속도로 세상을 살아갑니다.'),

      Text('매일같이 자신만의 속도로 세상을 살아갑니다.'),

      Text('매일같이 자신만의 속도로 세상을 살아갑니다.'),

            ],

          )

        )

    );

  }

}



목록의 개수가 3~4개로 정해져 있는경우 위 내용처럼 만들면 되지만 서버에서 데이터를 가져오거나 리스트 개수가 많은 경우 동적으로 생성해야 됩니다


//반복문일때

import 'package:flutter/material.dart';


void main() {

  runApp(const Suse_App());

}


class Suse_App extends StatelessWidget {

  const Suse_App({super.key});


  @override

  Widget build(BuildContext context) {

    return MaterialApp(

        home: Scaffold(

          appBar: AppBar(),

          body: ListView.builder(

              itemCount: 3,

              itemBuilder: (c, i){

                return ListTile(

                  title: Text('매일같이 자신만의 속도로 세상을 살아갑니다.'),

                );

              },

            ),

          )

    );

  }

}


ListView.builder를 쓰시고 itemCount 에는 몇번 반복할지를 작성하고 itemBuilder 항목에는 함수를 입력해야되고 return 값을 입력되는 부분이 ListView.builder 안에서 반복 실행 됩니다


그리고 itemBuilder 에는 2개의 파라미터를 넣어야됩니다 첫번째 파라미터는 context 이고 두번째 파라미터는 위젯에서 반복생성될때마다 증가하는 정수값 입니다

0 0
로그인 후 추천 또는 비추천하실 수 있습니다.


댓글목록0

등록된 댓글이 없습니다.
게시판 전체검색