ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 평가과제1) 연락처 앱 기반 작성
    카테고리 없음 2023. 1. 28. 23:27
    import 'package:flutter/material.dart';

    void main() {
      runApp(const MyApp());
    }
    class MyApp extends StatelessWidget {
      const MyApp({super.key});

      @override
      Widget build(BuildContext context) {
        return MaterialApp(
          home: Scaffold(
            body: SafeArea(            
                child: Column(                      //열 ↓
                  children: [ 
                    ListTile(                            //디자인
                      title: Text('이태디'),
                      subtitle: Text('010-1000-2000'),
                      leading: Padding(                //앞에 위젯두고 싶을 때 leading
                        padding: const EdgeInsets.all(8.0),          //paddding 간격띄움
                        child: ClipRRect(                                      //이미지 원모양
                        borderRadius: BorderRadius.circular(100),
                        ),
                        ),
                        trailing: Icon(Icons.call),        //뒤에 위젯두고 싶을 때 traling
                      ),
                      ListTile(
                      title: Text('김스틴'),
                      subtitle: Text('010-9000-8000'),
                      leading: Padding(
                        padding: const EdgeInsets.all(8.0),
                        child: ClipRRect(
                        borderRadius: BorderRadius.circular(100),
                        ),
                        ),
                        trailing: Icon(Icons.call),
                      ),
                      ListTile(
                      title: Text('이주노'),
                      subtitle: Text('010-3000-3000'),
                      leading: Padding(
                        padding: const EdgeInsets.all(8.0),
                        child: ClipRRect(
                        borderRadius: BorderRadius.circular(100),
                        ),
                        ),
                        trailing: Icon(Icons.call),
                      ),
                      ListTile(
                      title: Text('임헬렌'),
                      subtitle: Text('010-2000-8000'),
                      leading: Padding(
                        padding: const EdgeInsets.all(8.0),
                        child: ClipRRect(
                        borderRadius: BorderRadius.circular(100),
                        ),
                        ),
                        trailing: Icon(Icons.call),
                      ),
                      ListTile(
                      title: Text('염해리'),
                      subtitle: Text('010-1000-1000'),
                      leading: Padding(
                        padding: const EdgeInsets.all(8.0),
                        child: ClipRRect(
                        borderRadius: BorderRadius.circular(100),
                        ),
                        ),
                        trailing: Icon(Icons.call),
                      ),
                  ],
                ),
            ),
          ),
        );
      }
    }

    UI출력결과

Designed by Tistory.