Breaking News: Grepper is joining You.com. Read the official announcement!

text overflow ellipsis flutter

Add Answer

JDog answered on May 10, 2020 Popularity 10/10 Helpfulness 10/10

answer text overflow ellipsis flutter

related text in column flutter overflow ellipsis not working

related overflow: TextOverflow.ellipsis -- marque flutter

text overflow ellipsis flutter

Comment

Text(
    "Introduction to Very very very long text",
    maxLines: 1,
    overflow: TextOverflow.ellipsis,
    softWrap: false,
    style: TextStyle(color: Colors.black, fontWeight: FontWeight.bold),
),

Popularity 10/10 Helpfulness 10/10 Language dart

Source: stackoverflow.com

Tags: dart ellipsis flutter overflow text

Link to this answer
Share Copy Link

Contributed on May 10 2020

JDog

0 Answers Avg Quality 2/10

Closely Related Answers

text in column flutter overflow ellipsis not working

Comment

 return Expanded(
    child: Container(
    	child: Column(
    		children: [
    			Text("Your text here...",
    				overflow: TextOverflow.ellipsis
                )
        	]
        )
    )
);

Popularity 10/10 Helpfulness 6/10 Language dart

Source: Grepper

Tags: dart

Link to this answer
Share Copy Link

Contributed on May 13 2020

cesarxxe

0 Answers Avg Quality 2/10

overflow: TextOverflow.ellipsis -- marque flutter

Comment

class MarqueeWidget extends StatefulWidget {
  final Widget child;
  final Axis direction;
  final Duration animationDuration, backDuration, pauseDuration;

  const MarqueeWidget({
    Key? key,
    required this.child,
    this.direction = Axis.horizontal,
    this.animationDuration = const Duration(milliseconds: 6000),
    this.backDuration = const Duration(milliseconds: 800),
    this.pauseDuration = const Duration(milliseconds: 800),
  }) : super(key: key);

  @override
  _MarqueeWidgetState createState() => _MarqueeWidgetState();
}

class _MarqueeWidgetState extends State<MarqueeWidget> {
  late ScrollController scrollController;

  @override
  void initState() {
    scrollController = ScrollController(initialScrollOffset: 50.0);
    WidgetsBinding.instance.addPostFrameCallback(scroll);
    super.initState();
  }

  @override
  void dispose() {
    scrollController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return SingleChildScrollView(
      physics: NeverScrollableScrollPhysics(),
      child: widget.child,
      scrollDirection: widget.direction,
      controller: scrollController,
    );
  }

  void scroll(_) async {
    while (scrollController.hasClients) {
      await Future.delayed(widget.pauseDuration);
      if (scrollController.hasClients) {
        await scrollController.animateTo(
          scrollController.position.maxScrollExtent,
          duration: widget.animationDuration,
          curve: Curves.ease,
        );
      }
      await Future.delayed(widget.pauseDuration);
      if (scrollController.hasClients) {
        await scrollController.animateTo(
          0.0,
          duration: widget.backDuration,
          curve: Curves.easeOut,
        );
      }
    }
  }
}

Popularity 5/10 Helpfulness 1/10 Language whatever

Source: stackoverflow.com

Tags: flutter whatever

Link to this answer
Share Copy Link

Contributed on Feb 03 2024

Busy Bat

0 Answers Avg Quality 2/10

text overflow ellipsis flutter

Contents

More Related Answers

text overflow ellipsis flutter

Closely Related Answers

text in column flutter overflow ellipsis not working

overflow: TextOverflow.ellipsis -- marque flutter

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.