Material 3 では shadow はつきません。そのため、Material 2 のコードをそのまま Material 3 に移行すると、コンテンツの境界表現がなくなってしまいます。 Material 3 では shadow の代わりに色のオーバーレイでコンテンツと分離します。
そのために TopAppBarScrollBehavior を使います。
- val scrollBehavior = TopAppBarDefaults.pinnedScrollBehavior()
- Scaffold(
- topBar = {
- TopAppBar(
- title = {
- ...
- },
- scrollBehavior = scrollBehavior
- )
- },
- modifier = Modifier.nestedScroll(scrollBehavior.nestedScrollConnection)
- ) {
- LazyColumn(
- contentPadding = it
- ) {
- ...
- }
- }
- PinnedScrollBehavior
- EnterAlwaysScrollBehavior
- ExitUntilCollapsedScrollBehavior
0 件のコメント:
コメントを投稿