Ellipsis And Count Text
⠀ ⠀
import 'package:flutter/material.dart';
import 'package:truncate_text/truncate_text.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
debugShowCheckedModeBanner: false,
theme: ThemeData(
colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
useMaterial3: true,
),
home: const MyHomePage(),
);
}
}
class MyHomePage extends StatefulWidget {
const MyHomePage({super.key});
@override
State<MyHomePage> createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
List<String> list = [
'test',
'test1',
'test2',
'test3',
'test4',
'test5',
'test6',
'test7',
'test8',
'test9',
];
String s = 'test,test1,test2,test3,test4,test5,test6,test7,test8,test9';
@override
Widget build(BuildContext context) {
return SafeArea(
child: Scaffold(
body: Column(
children: [
Text(
TruncateText().truncateTextWithList(
list,
', ',
18,
),
), // test, test1, test2...+7
Text(
TruncateText().truncateTextWithString(
s,
',',
', ',
24,
),
), // test, test1, test2, test...+6
],
),
),
);
}
}