title: how to get specific information from list in flutter
body: <p>I'm developing a flutter application composed by three screens , the first one is a list view widget were I can fetch the data from a list variable , something like this:</p>
  <p>here is the list view:</p>
  <pre><code> child: ListView.builder(
                      padding: EdgeInsets.only(
                        top: 10.0,
                      ),
                      itemCount: data.length,
                      itemBuilder: (context, index) {
                        final 2data =data[index];
  
                        return GestureDetector(
                          onTap: () {
                            Navigator.push(context, 
                                MaterialPageRoute(builder: (context) {
                              return dataSecondScreen(data: 2data,);
                            }));
                          },
  </code></pre>
  <p>here is the list where I define the data</p>
  <pre><code>final List&lt;Data&gt; data = [ //Data is a class
    Data(
      1, //id
      &quot;Eli&quot;, //name
      18, //years old
  
      ),
  
   Data(
      2, //id
      &quot;Axel&quot;, //name
      23, //years old
  
  )]
  
  </code></pre>
  <p>When I press a list view item, it redirects me to another screens were it show me all the information of the list (depending the index that I press before, I mean, If I press a item with index 1 , in the second screen I can see the información of the item with index 1)</p>
  <p>Here is my problem, in the second screen, where I have all the information of the item with index 1 ,I have a clickable image, and I want something like this:
  if I click that image I want to change the state (or move to another screen) with different index  , for example, If I'm in the screen with all the information of the index 1, I want to be able to click the image and change the information of the index 1 screen for the index 2 (or 3,4 ,5...). so, How I can be able to select and show the information that I want from a list?</p>
  <p>UPDATE:</p>
  <p>in this section i'm tried to apply PageView in order to move between pages, however, when I scroll left only appear the same first item, the second one is never showing it</p>
  <pre><code> @override
    Widget build(BuildContext context) {
      return Scaffold(
          body: Constant.main ? Init( ) : Stadis());
    }
  </code></pre>
  <p>here is the PageView</p>
  <pre><code> Widget Init(){
      int activeIndex = 0;
      final screenHeight = MediaQuery.of(context).size.height;
      int selectedIcon = 0;
      return PageView.builder(
        itemCount: data.length,
          physics: BouncingScrollPhysics(),
        controller: _controller,
          itemBuilder: (context, index) {
  
            return Stack(
            alignment: Alignment.center,
            children: &lt;Widget&gt;[
              Column(...
  </code></pre>