Flutter에서 한 화면에 두 개의 ListView를 표시하는 방법은 무엇입니까?

ListView Widget은 Flutter 앱 프로젝트에서 사용할 수 있는 중요한 Flutter 위젯 중 하나라는 것을 우리 모두 알고 있습니다. Flutter는 애플리케이션에서 유사한 작업을 수행하는 다른 레이아웃의 과부하를 줄이기 위한 목적으로 ListView 위젯을 도입합니다.

이 기사에서는 한 화면에 두 개의 ListView를 플러터로 표시하는 방법을 살펴보겠습니다.

Flutter에서 한 화면에 두 개의 ListView를 표시하는 방법은 무엇입니까?



다음 코드 스니펫은 단일 페이지에 두 개의 목록 보기 세로 방향을 보여줍니다. 두 목록 보기 데이터는 모두 API에서 가져온 것입니다.

return Scaffold(
        appBar: AppBar(
          title: const Text("Two List View One Screen"),
        ),
        body: Row(
          children: [
            Flexible(
              child: Container(
                color: Colors.blueGrey,
                child: ListView.builder(
                  itemCount: 30,
                  itemBuilder: (_, i) => ListTile(title: Text("List1: $i")),
                ),
              ),
            ),
            Flexible(
              child: Container(
                color: Colors.lightGreen,
                child: ListView.builder(
                  itemCount: 30,
                  itemBuilder: (_, i) => ListTile(title: Text("List2: $i")),
                ),
              ),
            ),
          ],
        ));


다음 코드 스니펫은 단일 페이지에 두 개의 목록 보기 가로 방향을 보여줍니다.

return Scaffold(
        appBar: AppBar(
          title: const Text("Two List View One Screen"),
        ),
        body: Column(
          children: [
            Flexible(
              child: Container(
                color: Colors.blueGrey,
                child: ListView.builder(
                  itemCount: 30,
                  itemBuilder: (_, i) => ListTile(title: Text("List1: $i")),
                ),
              ),
            ),
            Flexible(
              child: Container(
                color: Colors.lightGreen,
                child: ListView.builder(
                  itemCount: 30,
                  itemBuilder: (_, i) => ListTile(title: Text("List2: $i")),
                ),
              ),
            ),
          ],
        ));


산출





결론:



읽어 주셔서 감사합니다 !!!

훨씬 더 나은 서비스를 제공하기 위해 제안/피드백을 삭제하십시오.

최고의 Flutter 개발 회사Flutter Agency 중 하나는 Flutter 기술 및 Flutter 개발자 전용 포털 플랫폼입니다. 포털은 Flutter 위젯 가이드, Flutter 프로젝트, 코드 라이브러리 등과 같은 Flutter의 멋진 리소스로 가득합니다.

좋은 웹페이지 즐겨찾기