홈>
4 페이지의 페이지 뷰를 가지고 있습니다 :
PageView(
children: [
_buildPage(color: Colors.orange[600]),
_buildPage(color: Colors.deepPurple[400]),
_buildPage(color: Colors.yellow[300]),
_buildPage(color: Colors.blue[400]),
],
),
각 페이지에는 매개 변수로 전달한 색상의 컨테이너가 있습니다 :
Widget _buildPage({color: Color}) {
return Container(
color: color,
...
페이지를 스 와이프 할 때마다
페이지를 스 와이프 할 때마다 한 페이지의 색상이 새 페이지의 색상으로 그라데이션으로 희미 해 지도록하고 싶습니다. 그렇게 할 수 있습니까? 나는 Flutter를 처음 접했고 이것에 대해 아무것도 찾을 수 없었습니다.
수정: 이것이 내가 원하는 모습입니다.
빨리 건너 뛰기
그리고 천천히
다운로드 한 gif가 너무 느리게 재생되므로 gfycat 링크를 추가하고 있습니다.
- 답변 # 1
관련 자료
- html - 두 개의 막대처럼 보이는 그라데이션 배경 만들기
- javascript - CSS Switch로 웹 페이지의 두 배경색 간 전환
- javascript - 두 가지 배경색 간 전환
- android - 두 번째 활동의 콘텐츠를로드 할 때까지 두 활동 사이에 진행률 표시 줄 (% 없음)을 만듭니다
- css - HTML 웹 사이트의 배경에 여러 색상을 사용하는 방법이 있습니까?
- python - 판다 - 다른 두 열에 존재하는 시작 연도와 종료 연도 사이의 모든 연도 목록을 포함하는 열 만들기
- html - 전체 무지개 배경을 만드는 방법
- java - javafx에서 imageView로 스크롤 배경 효과를 만들려고합니다
- javascript - 두 개체 배열간에 가능한 모든 조합을 만드는 방법은 무엇입니까?
- computer vision - 해당 카메라 설정이 주어지면 두 디지털 사진 간의 색상을 일치 시키나요?
- sql - 두 날짜 사이의 매초 날짜 테이블 만들기
- tween - 두 가지 색상 사이에서 어떻게 svelte를 쉽게 할 수 있습니까?
- java - 애플리케이션을 초기화 할 때 데이터베이스의 엔티티간에 자동으로 관계를 생성 할 수 있습니까?
- html - CSS에서 배경에 두 가지 색상 혼합
- html - 절대 배경 이미지 바로 아래에 콘텐츠를 만드는 방법
- python - 내 플롯에 대해 더 많은 색상을 생성하려면 어떻게해야합니까?
- xaml - 2 가지 색상 만있는 팬케이크보기 그라디언트
관련 질문
- Flutter에서 헤더로 CSV 파일 매핑 읽기
- flutter : 넘치지 않고 아이콘을 배치하는 방법은 무엇입니까? 패딩을 추가하고 위젯을 유연하게 래핑하여 시도했지만 지금까지 운이 없었습니다.
- flutter : 위치 지정 위젯을 반응 형으로 만들기
- Flutter Custom Painter 및 키보드 문제
- flutter : AppBar에서 IconButton을 눌러 Scaffold 본문 위에 떠있는 TextField를 표시합니다 (2 개가 아닌 하나의 위젯 포함).
- 기호에 빨간색 별표 (*)를 설정하는 방법은 Flutter의 필수 필드입니다.
- google_maps_flutter로 마커 내부에 텍스트를 만드는 방법은 무엇입니까?
- 이 디자인을 Flutter에 어떻게 적용 할 수 있습니까?
- 이름과 성이 서로 옆에있는 Flutter 가입 페이지
- dart : 전체 너비 버튼, 텍스트 정렬 방법
TweenSequence
를 사용할 수 있습니다 여러 트윈간에 전환합니다.ColorTween
와 결합 색상 전환을 정의합니다.그러면
AnimatedBuilder
를 사용하여 모든 것을 감쌀 수 있습니다. 당신의PageController
를 듣고 .