将 PageController 向左对齐而不调整大小

Posted 2023-02-23

【中文标题】将 PageController 向左对齐而不调整大小

【英文标题】：Align PageController to the left without resizing

【发布时间】：2020-05-16 17:24:48

【问题描述】：

嗨，有没有办法让 PageController 向左对齐？我想要的是让它 aligned 到 left 就像 Exlore 类别一样，而无需实际调整卡片的大小

其他选项是让它从第二张卡开始，但我不知道怎么做，但我尝试将 initialPage 更改为 1 无济于事

到目前为止我尝试了什么：

调整viewportFraction 但这会调整卡片的大小 - 使用 Align 小部件，对齐设置为左 -nothing

我的代码如下所示：

PageController _pageController = PageController(initialPage: 0, viewportFraction: 0.75, );

//few more codes here

//cards
    return AnimatedBuilder(
      animation: _pageController,
      builder: (BuildContext context, Widget widget) 
        double value = 1;
        if (_pageController.position.haveDimensions) 
          value = _pageController.page - index;
          value = (1 - (value.abs() * 0.3)).clamp(0.0, 1.0);
        

        return Container(
            height: 200,
            child: Padding(
              padding:  EdgeInsets.only(left: 3),
              child: SizedBox(
                height: 200,
                width: double.infinity,
                child: widget,
              ),
            ),
          );
      ,

【参考方案1】：

将您的initialPage 状态设置为initState

PageController controller;

  @override
  void initState() 
    super.initState();
    controller = PageController(initialPage: 1, viewportFraction: 0.75);