일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 파이썬
- 좋은글필사하기
- 1인개발자
- 소울칼리버6
- 넷플릭스
- 오픈소스
- 코틀린
- androidx
- 명언모음
- Flutter
- Coroutine
- DART
- Freesound
- Streaming
- 장자명언
- Firebase
- recyclerview
- Linux
- 이모지
- 벤자민플랭클린
- 명심보감
- 공자명언
- kotlin
- jetpack compose
- 이모지메모
- 공부집중
- Android
- bash
- FSM
- ASMR
Archives
- Today
- Total
목록Flutter AppBar 투명 (1)
Vintage appMaker의 Tech Blog
[Flutter] scroll시 AppBar 투명
앱에서 화면을 스크롤 시, 앱바가 투명화되는 경우가 많다. 그런 화면을 Flutter에서 구현하고자 한다면 1. ScrollController에서 addListener로 스크롤위치를 처리하는 핸들러를 정의한다. 2. 화면의 메인을 Scroll처리를 하는 위젯으로 정의하고 controller를 등록한다. 3. AppBar에서 변경되는 scroll 위치에 따라 background이 투명도를 지정한다. 4. AppBar에서는 파라메터 설정으로 evalation을 0.0으로 한다.그리고 Scaffold에서 extendBodyBehindAppBar 를 true로 설정한다. 다음은 전체소스이다. import 'package:flutter/material.dart'; void main() { runApp(TestAp..
Source code or Tip/Flutter & Dart
2022. 12. 23. 20:58