StatefulWidgetのメソッドを公開するにはどうすればよいですか？

Question

公共のインスタンスメソッドanimate()を提供するMySlideWidgetという名前のStatefulWidgetを構築したいとします。私はMySlideWidgetの親のボタンを押すと

することは、私はMySlideWidgetの内部SlideTransitionをトリガするためにMySlideWidgetのanimate()メソッドを呼び出すことができます。

使い方は次のようになります。

class MySlideWidgetDemo extends StatelessWidget { 

    @override 
    Widget build(BuildContext context) { 
    MySlideWidget mySlideWidget = new MySlideWidget(); 

    return new Scaffold(
     body: mySlideWidget, 
     floatingActionButton: new FloatingActionButton(
      onPressed:() { 
      mySlideWidget.animate(); 
      }, 
      tooltip: 'Start', 
      child: new Icon(Icons.add), 
     )); 
    } 
} 

私は思って何がMySlideWidget内AnimationControllerと_controller.forward()の実装をカプセル化する方法であるので、MySlideWidgetのユーザは、単にanimate()を呼び出すことができます。

これは可能ですか？または、Flutterでカプセル化を行う方法は何ですか？

Answer 1

AnimationControllerを使用してSlideTransitionに渡す必要があります。その後、必要に応じてcontroller.forward()に電話してください。ここで

はサンプルです：

class _MyHomePageState extends State<MyHomePage> with TickerProviderStateMixin { 

    AnimationController _controller; 
    Animation<FractionalOffset> _slideTransitionPosition; 

    @override 
    initState() { 
    super.initState(); 

    _controller = new AnimationController(
     vsync: this, 
     duration: const Duration(milliseconds: 2000), 
    ); 

    _slideTransitionPosition = new FractionalOffsetTween(
     begin: const FractionalOffset(0.0, -1.0), 
     end: const FractionalOffset(0.0, 10.0), 
    ).animate(new CurvedAnimation(
     parent: _controller, 
     curve: Curves.fastOutSlowIn, 
    )); 
    } 

    void _onPress() { 
    _controller.forward(); 
    } 

    @override 
    Widget build(BuildContext context) { 
    return new Scaffold(
     appBar: new AppBar(
     title: new Text(widget.title), 
    ), 
     body: new Container(
     child: new SlideTransition(
      position: _slideTransitionPosition, 
      child: new Container(
      color: Colors.red, 
      width: 100.0, 
      height: 100.0, 
     ), 
     ), 
    ), 
     floatingActionButton: new FloatingActionButton(
     onPressed: _onPress, 
     tooltip: 'Start', 
     child: new Icon(Icons.add), 
    ), 
    ); 
    } 
} 

また、あなたは、返信用demos