[Fluth]TVINGクローン計画1.ホーム上部バー
ソフトスタートを練習したいので、クローンプロジェクトを行うことにしました.😐
どんなソフトで行こうか考えているうちにオーディションを選びました…!他に理由はない.それは...
知らないのは二度と残された記録を知りたくない.
メイン画面の上端が初めて見えました.
tving logoとスクリーン共有ボタンと私のページに入るボタンがあります.次はラベルです.
下にスクロールできます
マークとボタンが消えた.
それを実現するためにsliverAppBarを使用しました
sliverを使用してCustomsrollViewを作成するには、sliver>SliverAppBarを作成します.
タイトル:appBarに表示される内容.finedをtrueに設定するので、スクロールしても消えません
背景:背景のコンポーネント.転がって消えた場所
LiverListセクションに多くのコンポーネントを追加し、スクロールしてLiverAppBarを起動します!
難しいですね...何時間も捨てて...
どんなソフトで行こうか考えているうちにオーディションを選びました…!他に理由はない.それは...
知らないのは二度と残された記録を知りたくない.
メイン画面の上端が初めて見えました.
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を起動します!
難しいですね...何時間も捨てて...
Reference
この問題について([Fluth]TVINGクローン計画1.ホーム上部バー), 我々は、より多くの情報をここで見つけました https://velog.io/@jjinneeee/Flutter-TVING-클론-프로젝트1.-홈화면-상단바テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol