小编Irv*_*nta的帖子

Flutter - ListView.builder:初始滚动位置

我想设置 ListView.builder 的初始滚动位置,我希望列表从底部开始 0.0

如果我reverse在 listView 上进行设置,我当然会得到初始滚动位置是所需的位置,但我需要的是将最后一个孩子放在底部,这是一个聊天应用程序。

这是列表生成器,MessageItem()是聊天消息

ListView.builder(
                    shrinkWrap: true,
                    controller: _scrollController,
                    itemCount: snapshot.data.documents.length,
                    padding: EdgeInsets.all(10.0),
                    itemBuilder: (BuildContext context, int index) =>
                        MessageItem(
                            index: index,
                            document: snapshot.data.documents[index],
                            myId: myId));

Run Code Online (Sandbox Code Playgroud)

这是我收到send消息时的动画


_scrollController.animateTo(
                _scrollController.position.maxScrollExtent,
                duration: const Duration(milliseconds: 500),
                curve: Curves.easeOut);
Run Code Online (Sandbox Code Playgroud)

动画工作正常。


我想要的是当用户进入聊天室时列表滚动位置已经在底部。

listview chat native dart flutter

12
推荐指数
3
解决办法
1万
查看次数

在DIV内垂直居中UL

我试图在200px x 200px的正方形内制作一个导航菜单,这个导航列表(UL)从正方形(200px)变为2行的正方形,就像一张桌子,它有一些过渡和更多的东西,但是我认为这不会影响我想要完成的垂直居中.(我已经看到了这个问题的其他答案,但它们不适合这个特定情况,行高不起作用等)这些多个菜单是我想根据我添加的每个元素对齐的菜单,如果我只添加1个元素,那么它看起来像中心的正方形,当然也有一个元素的限制,可以放在正方形,我有一个最大已经(5个元素)根据我的实际HTML - CSS

这就是我想要完成的

http://s29.postimg.org/63xzmm1kn/navelements.png

html标记是这样的

<div id="table" align="center" border="0" cellpadding="5" cellspacing="5" style="width 100%"> 
                  <div id="row">  
                      <div> 
                          <div class="nav"><ul><li><a href=link...>Element 1</a></li> <!----- this is the navigation menu that is in top of an image---> 
                              <img alt="" src="image.jpg" style="width: 200px; height: 200px;" /></div> 
                         <div class="nav"><ul><li><a href=link...>Element 1</a></li><li><a href=link...>Element 2</a></li> <!----- this is the navigation menu that is in top of an image---> 
                              <img alt="" src="image.jpg" style="width: 200px; height: 200px;" /></div> 
Run Code Online (Sandbox Code Playgroud)

我知道我没有给出太多的信息,但我不能真正把代码放在原处,这对私人公司来说很有用,但我希望你理解我的情景,img上面的菜单有一个RGB alpha过渡使它出现在on:hover,但同样,我认为重要的是将每个按钮垂直对齐,而不是使用"position:relative; top:30px;对于每个不同的部分重复使用特殊的"修复" " 我可以做到这一点,但我想了解,看看我是否可以毫不费力地做到这一点,并添加我想要的元素,并在完美的中心自动对齐.

非常感谢你的帮助.(英语不是我的第一语言,所以我希望它是可以理解的)

html css vertical-alignment css3

1
推荐指数
2
解决办法
7614
查看次数

标签 统计

chat ×1

css ×1

css3 ×1

dart ×1

flutter ×1

html ×1

listview ×1

native ×1

vertical-alignment ×1