카테고리 없음
평가과제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),
child: Image.network('https://fastly.picsum.photos/id/502/100/100.jpg?hmac=shDQYWWQj7Ci0V05tzKdweuNohX-ftc5x6oCd-k-CQ4'),
),
),
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),
child: Image.network('https://fastly.picsum.photos/id/502/100/100.jpg?hmac=shDQYWWQj7Ci0V05tzKdweuNohX-ftc5x6oCd-k-CQ4'),
),
),
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),
child: Image.network('https://fastly.picsum.photos/id/502/100/100.jpg?hmac=shDQYWWQj7Ci0V05tzKdweuNohX-ftc5x6oCd-k-CQ4'),
),
),
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),
child: Image.network('https://fastly.picsum.photos/id/502/100/100.jpg?hmac=shDQYWWQj7Ci0V05tzKdweuNohX-ftc5x6oCd-k-CQ4'),
),
),
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),
child: Image.network('https://fastly.picsum.photos/id/502/100/100.jpg?hmac=shDQYWWQj7Ci0V05tzKdweuNohX-ftc5x6oCd-k-CQ4'),
),
),
trailing: Icon(Icons.call),
),
],
),
),
),
);
}
}
