Flutter - 사용자 지정 경로 전환 결과 검은 색 화면이 나타납니다.

Question

내 탐색기에서 애니메이션을 사용자 지정하려고합니다. 내 현재 경로 모양은 다음과 같습니다.

class HelpRoute<T> extends MaterialPageRoute<T> { 
    HelpRoute({ 
    WidgetBuilder builder, 
    }): super(builder: builder); 

    @override 
    Widget buildTransitions(BuildContext context, 
     Animation<double> animation, 
     Animation<double> secondaryAnimation, 
     Widget child) 
    { 
    if (settings.isInitialRoute) 
     return child; 

    return new SlideTransition(
     position: new FractionalOffsetTween(
     begin: FractionalOffset.topRight, 
     end: FractionalOffset.topLeft, 
    ) 
     .animate(
     new CurvedAnimation(
      parent: animation, 
      curve: Curves.ease, 
     ) 
    ), 
     child: child, 
    ); 
    } 

    @override Duration get transitionDuration => const Duration(milliseconds: 400); 
} 

그리고 완전히 오른쪽에서 왼쪽으로 페이드 인합니다. 하지만 지금은 왼쪽에서 오른쪽으로 전환하고 싶습니다. 그리고 내가 시작을 왼쪽으로 바 꾸었 으면 왼쪽으로 끝나고 오른쪽으로 끝내면 오른쪽으로 가면 검은 스크린으로 끝납니다.

내가 할 수있는 또 다른 옵션이 있습니까? 미리 감사드립니다.

Answer 1

새 경로를 완전히 오프 스크린 왼쪽부터 시작하려면 -1.0, 0.0의 FractionalOffset을 입력합니다. FractionalOffset이 0.0, 0.0, a.k.a FractionalOffset.topLeft으로 끝나기를 원합니다. 생성자 인수를 다음과 같이 FractionalOffsetTween으로 변경하십시오.

new FractionalOffsetTween(
    begin: const FractionalOffset(-1.0, 0.0), 
    end: FractionalOffset.topLeft, 
)