Flutter/기본
[Flutter / 기본] Card
익은벼
2022. 7. 18. 23:33
반응형
카드 형태를 표현하기 위한 위젯이다.
보통 ListView나 GridView와 같은 위젯으로 감싸서 사용된다.
주로 사용하는 속성은 shape 속성과 elevation 속성이 있다.
child: ListView.builder(
itemCount: _foundBleUARTDevices.length,
itemBuilder: (BuildContext context, int index) => Card(
shape: RoundedRectangleBorder( //모서리를 둥글게 설정
borderRadius: BorderRadius.circular(16.0),
),
elevation: 4.0, //그림자의 깊이를 설정
child: ListTile(
dense: true,
enabled: !(!_connected && _scanning),
trailing: GestureDetector(
behavior: HitTestBehavior.translucent,
onTap: () {
//(!_connected && _scanning) || (!_scanning && _connected)? (){}: onConnectDevice(index);
},
child: Container(
width: 48,
height: 48,
padding: const EdgeInsets.symmetric(vertical: 4.0),
alignment: Alignment.center,
child: const Icon(Icons.add_link),
),
),
subtitle: Text(_foundBleUARTDevices[index].id),
title: Text("${_foundBleUARTDevices[index].name}",style: TextStyle(fontWeight: FontWeight.bold, fontSize: 20, color: Colors.black)),
),
),
),
반응형