iT邦幫忙

2022 iThome 鐵人賽

DAY 13
1

Non-Material apps

對於non-material app,你可以將center widget加到app的build() method裡面,但由於這是用non-material寫出來的,所以app bar、標題、背景要自己創建,不過這反而可以客製化更多app裡面的widget

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

  @override
  Widget build(BuildContext context) {
    return Container(
      decoration: const BoxDecoration(color: Colors.white),
      child: const Center(
        child: Text(
          'Hello World',
          textDirection: TextDirection.ltr,
          style: TextStyle(
            fontSize: 32,
            color: Colors.black87,
          ),
        ),
      ),
    );
  }
}

output

https://ithelp.ithome.com.tw/upload/images/20220924/20150910cpWr7sO2zp.png

參考資料:
https://docs.flutter.dev/development/ui/layout


上一篇
dart&flutter學習之旅-Day12
下一篇
dart&flutter學習之旅-Day14
系列文
dart&flutter學習之旅30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言