[Fluth]TVINGクローン計画1.ホーム上部バー


ソフトスタートを練習したいので、クローンプロジェクトを行うことにしました.😐
どんなソフトで行こうか考えているうちにオーディションを選びました…!他に理由はない.それは...
知らないのは二度と残された記録を知りたくない.
メイン画面の上端が初めて見えました.

tving logoとスクリーン共有ボタンと私のページに入るボタンがあります.次はラベルです.
下にスクロールできます

マークとボタンが消えた.
それを実現するためにsliverAppBarを使用しました
sliverを使用してCustomsrollViewを作成するには、sliver>SliverAppBarを作成します.
CustomScrollView(
	slivers: <Widget>[
		SliverAppBar(
			backgroundColor: Colors.lightGreen,
			elevation: 0,
			pinned: true, // 축소시 상단에 appbar를 고정할것인가
			expandedHeight: 100, // 확대시 최대 높이
			flexibleSpace: FlexibleSpaceBar(
				titlePadding: EdgeInsets.zero,
				title: ElevatedButton(onPressed: () {}, child: Text("버튼")),
				background: Text("TVING"),
			),
			),
		SliverList(
			delegate: SliverChildListDelegate(
			...
            ),
        ),
     ],
);
FlexibleSpaceBarのプロパティは時間を無駄にしました...😥
タイトル:appBarに表示される内容.finedをtrueに設定するので、スクロールしても消えません
背景:背景のコンポーネント.転がって消えた場所
LiverListセクションに多くのコンポーネントを追加し、スクロールしてLiverAppBarを起動します!
難しいですね...何時間も捨てて...