listview

Web Programming/Flutter&Dart

Flutter 리스트 출력하기 (List.generate 사용법)

항상 어딘가를 가면 List가 존재한다. 피할 수도 없다 List를 만드는 방법은 하나씩 하나씩 넣으면 된다. 하지만, 누군가가 만든 List를 쓰고 싶을 때는 어떻게 해야 할까? 그렇다 받은 List만큼 반복해서 출력하면 된다 그때 List.generate를 사용하면 된다. 약간 gridView.builder도 반복문을 돌렸지만 약간 다르다. 구분 지어 나열하냐 안 하냐 차이인 듯하다 List.generate: 빠꾸 없이 밑으로 반복 gridView.builder: 옆으로 몇 개씩 나열하면서 밑으로 반복 이제 시작해 보도록 하겠다 1. 기본 코드 main.dart import 'package:flutter/material.dart'; import 'package:flutter_practice/pages..

Web Programming/Flutter&Dart

Flutter ListTitle 사용법 (feat.Divider)

ListTitle이란 ListView와 자주 쓰이며 제목과 부제목을 가진 리스트 중 하나를 생각하면 된다 예를 들면 카톡 친구목록에서 이름과 대화명이 있다. 거기에 이름이 조금더 크고 대화명이 조금 더 작다 그렇게 하나의 묶음을 편하게 쓸 수 있도록 한 것이 ListTitle이다 이름은 title이라 하고 대화명은 subTitle이라고 생각하면 편하다 추가해서 leading이라는 옵션도 있는데 AppBar에서 처럼 로고를 넣듯이 ListTitle에는 프로필 사진을 생각하면 된다 1. 기본코드 main.dart import 'package:flutter/material.dart'; import 'package:flutter_practice/pages/practice_page.dart'; void main(..

Web Programming/Flutter&Dart

ListView와 SingleChildScrollView (새로 스크롤, 가로 스크롤)

1. ListView ListView는 새로 스크롤을 생기게 하는 방법이다. 일단 처음 코드를 보도록 한다 main.dart import 'package:flutter/material.dart'; import 'package:flutter_practice/pages/practice_page.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); // This widget is the root of your application. @override Widget build(BuildContext context) { return Materi..

INICO
'listview' 태그의 글 목록