How can I achieve the property swipe right and swipe left in flutter

Question

I am seeking for whenever a user swipes right, then it would be gone on other page and in the same page if I again the swipe left it would be return me on a home page (from where I started to swipe right).

For a proper idea I am asking about like Instagram whenever I swipe right it will goes to you message section and in the same page if swipe left it will be return me on the main screen

Try out this https://stackoverflow.com/questions/55050463/how-to-detect-swipe-in-flutter — Aamil Silawat, Sep 02 '20 at 11:06
@AR sir in swipe dector i can go to the swipe right but we can not go to the home screen by using swipe left — Nitesh Sharma, Sep 02 '20 at 11:22

score 1 · Answer 1 · answered Sep 02 '20 at 11:07

There is 2 ways that I can think of to do that:

1.The first and easier way is to use a PageView:

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp>{
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: PageView(
        children: [
          FirstPage(),
          SecondPage(),
          ThirdPage(),
        ],
      ),
    );
  }
}

The second way is to use a TabBarView:

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> with SingleTickerProviderStateMixin{
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: TabBarView(
        controller: TabController(length: 3, vsync: this),
        children: [
          FirstPage(),
          SecondPage(),
          ThirdPage(),
        ],
      ),
    );
  }
}

If you have a tab bar use TabBarView otherwise PageView is better in every other way.

sir in pagevie we can only perform one action at a time and i havn`t use tabbarview — Nitesh Sharma, Sep 02 '20 at 11:20
Can you clarify on what you mean “only one action at a time”? How many actions are you trying to accomplish at one time? — lenz, Sep 02 '20 at 11:57

score 0 · Answer 2 · answered Sep 02 '20 at 11:10

0

Try Gestures widget. Look at ‘onHorizontalDrag’

answered Sep 02 '20 at 11:10

lenz

2,193
17
31

How can I achieve the property swipe right and swipe left in flutter

2 Answers2