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의 멋진 리소스로 가득합니다.
Reference
이 문제에 관하여(Flutter에서 한 화면에 두 개의 ListView를 표시하는 방법은 무엇입니까?), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/pankajdas0909/how-to-display-two-listviews-on-a-one-screen-in-a-flutter-kg5텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)