오늘의 목표
이런 화면을 만들어 봅시다.
- 오늘 사용할 친구들
appBar: AppBar(
backgroundColor: Colors.white,
title: Text('역삼동', style: TextStyle(color: Colors.black), textAlign: TextAlign.left, ),
actions: [Icon(Icons.search, color: Colors.black,)],
),
body: Row(
children: [
Image.asset('assets/camera1.jpeg', width: 100),
Container( height: 100,
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text('고오급 캐논 디지털 카메라', style: TextStyle(fontWeight: FontWeight.bold),),
Text('역삼동 그어딘가', style: TextStyle(color: Colors.grey),),
Text('100원', style: TextStyle(fontWeight: FontWeight.bold),),
],
),),
],
)
왜 이렇게 작성했나!
빠진 것이 많지만 레이아웃 형태는 비슷하네요.
bottomNavigationBar: BottomAppBar(
child: Row(
children: [
Icon(Icons.home),
Icon(Icons.bus_alert),
Icon(Icons.linked_camera),
],
),
),
문제점
이렇게해볼까요
bottomNavigationBar: BottomAppBar(
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
Icon(Icons.home),
Icon(Icons.bus_alert),
Icon(Icons.linked_camera),
],
),
),