[fluf]下部ウィジェット

9515 ワード
flutter テキストリンク
AppBar
アプリケーションページ上部に固定されたコンポーネント
「ページの移動と保存」ボタンを追加できます.
FloatingActionButton
ページ下部のボタンWidget
BottomNavigatorBar
異なるページを選択するための下部固定コンポーネント
BottomSheet
複数の動作を有する底部固定部材
import 'package:flutter/material.dart';

void main() {

  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar( title: Text('안녕'),),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Text('텍스트'),
              Icon(Icons.star),
              Container(child: Text('컨테이너 안이야'), color: Colors.red,),
              TextButton(
                child: Text('난 텍스트버튼'),
              onPressed: (){
                  print('텍스트 버튼 눌림');
              },
              ),
            ],
          )
        ),
        floatingActionButton: FloatingActionButton(
          onPressed: (){
            print('fab눌림');},
          tooltip: 'Increment',
          child: Icon(Icons.add),
        ),
        bottomNavigationBar: BottomNavigationBar(
          items: [
            BottomNavigationBarItem(
              icon: Icon(Icons.home),
              label: '홈'
            ),
            BottomNavigationBarItem(
                icon: Icon(Icons.more),
                label: '더보기'
            ),
            BottomNavigationBarItem(
                icon: Icon(Icons.more),
                label: '더보기2'
            ),
          ],
          onTap: (index){
            _idx = index;
          },
          currentIndex: _idx,
        ),
      ),
    );
  }
}

int _idx = 0;
CS知識TIL(2)
Python-集約