問題タブ [sliverappbar]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
flutter - Flutter で SliverList の子をオーバーラップする
この設計に基づいて:
使用しようとしてSliverListいますSliverAppBarが、アイテムを重ねることができないように見えるため、左上と右上の半径が適用されると、前のアイテムの色が表示されます。これは、この他の投稿に似ています: SliverAppBar で SliverList をオーバーラップする方法
しかし、私はStackすべてのSliverList子供に適用しようとしています。これまでに達成した最善の方法は、アイテムを別のアイテムでラップしContainer、以前の背景色を適用する回避策です。
ありがとうございました！
listview - Flutter SliverAppBar と SliverList のスクロールは異なります
Sliver AppBar には別のスクロールがあり、SliverList には独自のスクロールがあります。
sliver appbar からスクロールしようとすると、両方のスクロールのみが行われますが、sliver リストからスクロールすると、sliver リストのみがスクロールされ、sliver appbar の高さが完全に拡張されます。
内部スクロールを削除するために物理演算を設定しようとしましたが、それでも2つの異なるスクロールがあります
flutter - Sliver ページの下部に DraggableScrollableSheet を追加する
下のスクリーンショットでわかるコンセプトに取り組んでいます。
注: 矢印は UI の一部ではありませんが、ドラッグ可能な機能を示すために追加されました。
画面には、場所のタイトルを表示する SliverAppBar、場所の説明を含む Sliver 本体、および DraggableScrollableSheet (または同様の代替手段) があります。場所の説明を上にスクロールすると、タイトルが折りたたまれます。DraggableScrollableSheet を上にスクロールすると、画面の高さいっぱいまで拡大されます。
何度もまとめようとしましたが、いつも何かがずれています。私の最後の試みは、DraggableScrollableSheet を「ボトムシート:」として Scaffold に追加することでした。BottomAppBar があるため、UI が壊れ、次のようになります。
足場
足場本体
BottomAppBar FAB
FAB がジャンプし、コンテンツが隠されます。固定サイズのコンテナーを設定すると、コンテンツは戻ってきますが、FAB はまだ独自の生活を送っています :)
誰かがこの問題/それらの問題を解決する方法を知っている場合は、共有してください。とても感謝しています!