Flutter 颤振列表显示更多问题
有可能用颤振吗?Flutter 颤振列表显示更多问题,flutter,flutter-layout,Flutter,Flutter Layout,有可能用颤振吗? 许多hashtag来自数据库。如果hashtags长度超过3,则在单击按钮时,该时间+10更多按钮出现。它将展开以显示所有的hashtag。请检查我的两张图片,你会有想法的 第一图像 第二图像 是的,这是可能的 下面是一个简单的例子: import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @over
许多hashtag来自数据库。如果hashtags长度超过3,则在单击按钮时,该时间+10更多按钮出现。它将展开以显示所有的hashtag。请检查我的两张图片,你会有想法的 第一图像 第二图像 是的,这是可能的 下面是一个简单的例子:
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
debugShowCheckedModeBanner: false,
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: MyHomePage(title: 'Flutter Demo Home Page'),
);
}
}
class MyHomePage extends StatefulWidget {
MyHomePage({Key key, this.title}) : super(key: key);
final String title;
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
List<String> _hashtags = ["Flutter", "Dart", "Google"];
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Container(
color: Colors.grey,
height: 50,
child: ListView.builder(
itemCount: _hashtags.length,
scrollDirection: Axis.horizontal,
itemBuilder: (context, index) {
return Padding(
padding: const EdgeInsets.all(3.0),
child: Text("#${_hashtags[index]}"),
);
},
),
),
],
),
),
);
}
}
导入“包装:颤振/材料.省道”;
void main()=>runApp(MyApp());
类MyApp扩展了无状态小部件{
@凌驾
小部件构建(构建上下文){
返回材料PP(
标题:“颤振演示”,
debugShowCheckedModeBanner:false,
主题:主题数据(
主样本:颜色。蓝色,
),
主页:MyHomePage(标题:“颤振演示主页”),
);
}
}
类MyHomePage扩展StatefulWidget{
MyHomePage({Key,this.title}):超级(Key:Key);
最后的字符串标题;
@凌驾
_MyHomePageState createState()=>\u MyHomePageState();
}
类_MyHomePageState扩展状态{
列表_hashtags=[“颤振”、“飞镖”、“谷歌”];
@凌驾
小部件构建(构建上下文){
返回脚手架(
appBar:appBar(
标题:文本(widget.title),
),
正文:中(
子:列(
mainAxisAlignment:mainAxisAlignment.center,
儿童:[
容器(
颜色:颜色。灰色,
身高:50,
子项:ListView.builder(
itemCount:_hashtags.length,
滚动方向:轴水平,
itemBuilder:(上下文,索引){
返回填充(
填充:常数边集全部(3.0),
子项:文本(“#${_hashtags[index]}”),
);
},
),
),
],
),
),
);
}
}
输出示例:
你到底想要什么?对不起,我不确定,请提供一些具体问题的代码。请明确您想问什么?很多标签来自数据库。如果hashtags长度超过3,则在单击按钮时,该时间+10更多按钮出现。它将展开以显示所有的hashtag。请检查我的两张图片,你会得到一个想法。只需检查我的第二张图片。如果我点击“显示更多”,它将多出一行。。!!!不在水平滚动中,它应该是Verical或其他容器。。!!!