공부 내용

Flutter 위젯 - 달력, 시간, 선택 등 (Card)

yeji Kim

Jul 13, 20242y ago

참고 자료

[Flutter] 플러터 위젯 - 달력, 시간, 선택

래퍼런스코드

velog.io

Card

Card(
            // 카드 위젯
            child: Column(
              mainAxisSize: MainAxisSize.min,
              children: const <Widget>[
                ListTile(
                  leading: Icon(Icons.album),
                  title: Text('카드가 있는 데이터입니다.'),
                  subtitle: Text('카드가 있기 때문에 같은 영역의 데이터 확인이 보다 쉽습니다.'),
                ),
                ButtonBar(
                  children: <Widget>[
                    TextButton(
                      child: Text('취소'),
                      onPressed: null,
                    ),
                    TextButton(
                      child: Text('확인'),
                      onPressed: null,
                    ),
                  ],
                ),
              ],
            ),
          ),

Chip

Chip(
  avatar: CircleAvatar(
    backgroundColor: Colors.grey.shade800,
    child: const Text('AB'),
  ),
  label: const Text('Aaron Burr'),
)

CupertinoPicker

CupertinoTimerPicker

import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:village/view/widgets/test/cupertino_time_picker.dart';

void main() {
  runApp(
    const ProviderScope(
      child: MyApp(),
    ),
  );
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData(
          // primaryColor: Colors.white,
          ),
      debugShowCheckedModeBanner: false, // 화면에 디버그 제거
      home: const TimerPickerApp(), // 클래스 분리
      // home: Scaffold(
      //   body: Container(
      //     child: const PlaceDetailPage(),
      //   ),
    );
  }
}

showDatePicker function

Subscribe to '아무튼-작업일지'

Subscribe to my site to be the first to receive notifications and emails about the latest updates, including new posts.
Join Slashpage and subscribe to '아무튼-작업일지'!