title: How to make PageView autoplay and each item has a specific duration?
body: <p>I want to make <code>PageView</code> autoplay and each item has a specific duration</p>
  <p>I know how to make <code>PageView</code> autoplay with fixed duration for all items but i want to make each item has a duration</p>
  <p><strong>my code</strong></p>
  <pre><code> 
    int _currentPage = 0;
    PageController _pageController = PageController(
      initialPage: 0,
    );
    
    @override
    void initState() {
      super.initState();
      Timer.periodic(Duration(seconds: 5), (Timer timer) {
        return setState(() {
          if (_currentPage &lt; 2) {
            _currentPage++;
          } else {
            _currentPage = 0;
          }
          _pageController.animateToPage(
            _currentPage,
            duration: Duration(milliseconds: 350),
            curve: Curves.easeIn,
          );
        });
      });
    }
  
    @override
    Widget build(BuildContext context) {
      return Scaffold(
        body: PageView(
          controller: _pageController,
          children: [
            Container(
              color: Colors.lightBlue,
            ),
            Container(
              color: Colors.red,
  
            ),
            Container(
              color: Colors.green,
  
            ),
          ],
        ),
      );
    }
  </code></pre>
  <p>What i want is to make <code>Duration</code> in <code>Timer.periodic</code> is Changeable, like in my code i want it to be <code>{5,10,15}</code>...</p>
  <p>I can't because <code>Timer.periodic</code> function in <code>initState</code> function</p>