如何设计应在Instagram应用中起作用的页面视图页面指示器?

时间:2019-07-05 11:02:38

标签: flutter dart

input_shape=[(time_steps, inputs_numb)]

...         窗口小部件listItem =新容器(

`
class MyShareListItem extends StatefulWidget {
  final MyShareData item;
  final int index;
  final String token;
  final ShowSnackbar showSnackbar;
  MyShareListItem({
    @required this.index,
    @required this.token,
    @required this.item,
    @required this.showSnackbar
  });
  @override
  MyShareListItemState createState() => new MyShareListItemState();
}

class MyShareListItemState extends State<MyShareListItem> {
  var _imageCount;
  @override
  intitState(){
    _imageCount=widget.item.media_list.length;
    super.initState();
  }



  Widget _loadImage(int imgIndex){
    if(_imageCount>0){
      return //widget.painting[imgIndex];
        FadeInImage.assetNetwork(
            fit: BoxFit.fill,
            image:widget.item.media_list[imgIndex]["imageUrl"],
            placeholder: 'images/dummi_rect.png');
    }
    else{
      return FadeInImage.assetNetwork(
          fit: BoxFit.fill,
          image:"",
          placeholder: 'images/dummi_rect.png');
    }

  }

  int traker = 0;
  int _imageIndex = 0;
  Widget showLeftButton() {
    return _imageCount > 1 && traker > 0
        ? IconButton(
      icon: Icon(Icons.arrow_back_ios),
      onPressed: () {
        setState(() {
          print("left clicked $traker");
          traker = traker - 1;
          _imageIndex = traker;
        });
      },
      color: Colors.white,
    )
        : Container();
  }

  @override
  Widget build(BuildContext context) {

    _imageCount=widget.item.media_list.length;

    return _buildTextContainer();
  }

`enter image description here

我添加了显示页面指示符(蓝点)的图像。那就是我想要在flutter app中做的事情。我添加了生成列表项的代码。在此列表项中,我需要那些页面指示符(点)。我不需要滚动视图。我已按下按钮导航到下一张和上一张图像。

0 个答案:

没有答案