I'm going to lay down most of the new features & enhancements that will be implemented in the v1.0 update. All chages will reside inside the dev branch.

• Fix #10
• Implement #7 and resolve #8
• Add testing
• Add CI to the project
• More things comming soon...

Write a comment if you want your idea to be included in this new update! Thanks for your collaboration :)

If i enter text such as : "asddasdd asdsadasda vxcvxcvxcv nmbvlkbm mlcmvcxnvxcmvn nmnmnmcnmsa vncmnvmcvnmcn mnvcmnvcmnvmc mcnvmnvmcnv dskqjdksdd" it will auto generate more white space than i entered.

Currently, if you set expandArrowStyle to ExpandArrowStyle.text, a Tootltip is still shown on long press (with the same text as the button). Also, tooltipMessage is forced to upper case on the button: https://github.com/jesusrp98/expand_widget/blob/master/lib/src/expand_arrow.dart#L109, so setting collapsedHint to Test will result in a button with TEST text and a Test Tooltip.

ExpandText behaves as expected on mobile, but the expand arrow does not appear on web. It is therefore impossible to expand the text on web. I'm using the widget like this:

ExpandText(
        """Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime mollitia,
      molestiae quas vel sint commodi repudiandae consequuntur voluptatum laborum
    numquam blanditiis harum quisquam eius sed odit fugiat iusto fuga praesentium
    optio, eaque rerum! Provident similique accusantium nemo autem. Veritatis
    obcaecati tenetur iure eius earum ut molestias architecto voluptate aliquam
      nihil, eveniet aliquid culpa officia aut! Impedit sit sunt quaerat, odit,
      tenetur error, harum nesciunt ipsum debitis quas aliquid. Reprehenderit,
      quia. Quo neque error repudiandae fuga? Ipsa laudantium molestias eos
    sapiente officiis modi at sunt excepturi expedita sint? Sed quibusdam
    recusandae alias error harum maxime adipisci amet laborum. Perspiciatis
    minima nesciunt dolorem! Officiis iure rerum voluptates a cumque velit
      quibusdam sed amet tempora. Sit laborum ab, eius fugit doloribus tenetur
      fugiat, temporibus enim commodi iusto libero magni deleniti quod quam
    consequuntur! Commodi minima excepturi repudiandae velit hic maxime
    doloremque. Quaerat provident commodi consectetur veniam similique ad
      earum omnis ipsum saepe, voluptas, hic voluptates pariatur est explicabo
      fugiat, dolorum eligendi quam cupiditate excepturi mollitia maiores labore
    suscipit quas? Nulla, placeat. Voluptatem quaerat non architecto ab laudantium
    modi minima sunt esse temporibus sint culpa, recusandae aliquam numquam
    totam ratione voluptas quod exercitationem fuga. Possimus quis earum veniam
      quasi aliquam eligendi, placeat qui corporis!""",
        style: regularTextStyle,
        maxLines: 5,
        hintTextStyle: regularTextStyle.copyWith(color: themeOrangeColor),
        collapsedHint: S.of(context).showMoreText,
        expandedHint: S.of(context).showLessText,
        textAlign: TextAlign.start,

      )

inside the Scaffold's body. I'm using version 2.1.0 of this package and this is my flutter doctor for version context:

[√] Flutter (Channel stable, 2.8.1, on Microsoft Windows [Version 10.0.19043.1348], locale en-US)
[√] Android toolchain - develop for Android devices (Android SDK version 30.0.2)
[√] Chrome - develop for the web
[√] Android Studio (version 2020.3)
[√] IntelliJ IDEA Ultimate Edition (version 2021.2)
[√] Connected device (2 available)

• No issues found!

I want to wrap my ExpandChild to Html widget, Html is similar as Text but render html and look better.

   ExpandChild(
                        arrowColor: Colors.red,
                        arrowSize: 16,
                        expandArrowStyle: ExpandArrowStyle.icon,
                        child: Html(
                            htmlString,
                            onLinkTap: (
                              String? url,
                              RenderContext context,
                              Map<String, String> attributes,
                              element,
                            ) =>  launchUrl(url)),
                      ),

Right now it show no content until user tap expand arrow, then it will display full content. I would like to set it to a minimum height so user can preview the content. If possible, I hope it can also detect childs height so only show expand button if child.height > minimum height

Fixes #11

Both suggested fixes are brittle as the implementation of Text.build may change at any time. I chose this method to fix the Theme not inheriting as it does not make any firm assumptions about the returned widget structure thus negates the need for casting too.

I want to manage arrow position, but i didn't deal with it. Can u help for this? I try to do arrow position like sample image. But its position is always center.

Thank you for help

Really love this package but having a problem where it is impossible to align the text left when the first line of text doesnt take up the full width of the container. It will center no matter what i set the textAlign property to.

Hi,

I'm having a problem enabling scrolling functionality within a screen that has this widget. I'm not sure what i'm doing wrong, but it will not scroll so far, here is my code..... I would like to make the text widget scrollable, or make the entire screen scrollable, BUT show the add to cart button on load, which is where your widget comes in.

import 'package:Swara/colors.dart';
import 'package:flutter/material.dart';
import 'package:Swara/constants.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'components/body.dart';
import 'package:Swara/model/product.dart';

class DetailsScreen extends StatelessWidget {
  final Product product;

  const DetailsScreen({Key key, this.product}) : super(key: key);
  @override
  Widget build(BuildContext context) {
   return Scaffold(
      backgroundColor: DMLGreenLight,
      appBar: buildAppBar(context),
      body: Body(product: product,),
     );
  }

  AppBar buildAppBar(BuildContext context) {
    return AppBar(
      backgroundColor: DMLGreen,
      elevation: 0,
      leading: IconButton(
        padding: EdgeInsets.only(left: kDefaultPadding),
        icon: SvgPicture.asset(
          "assets/icons/back.svg",
          color: DMLSurfaceWhite,
        ),
        onPressed: (){
          Navigator.pop(context);
        }
        ),
      title: Text('Back'.toUpperCase(),
        style:
            TextStyle(color: DMLSurfaceWhite,),
      ),
      actions: <Widget>[
        IconButton(
          icon: SvgPicture.asset('assets/icons/cart_with_item.svg',
            color: DMLSurfaceWhite,
          ),
          onPressed: () {

          },
        )
      ],
    );
  }

}
import 'package:flutter/material.dart';
import 'package:Swara/colors.dart';
import 'package:Swara/constants.dart';
import 'package:Swara/model/product.dart';
import 'package:Swara/screens/product/components/category_list.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:sliding_sheet/sliding_sheet.dart';
import 'package:expand_widget/expand_widget.dart';
import 'package:Swara/screens/details/components/chat_and_add_to_cart.dart';
class Body extends StatelessWidget {
  final Product product;
  final String category;
  const Body({Key key, this.product, this.category}) : super(key: key);
  @override
  Widget build(BuildContext context) {
    Size size = MediaQuery.of(context).size;
   return  SingleChildScrollView(
     child: Column(
          children: <Widget>[
            Container(
              padding: EdgeInsets.only(left: 20, right:20, bottom: 30),
              //height: size.width *0.9,
              decoration: BoxDecoration(
                color: DMLGreen,
                borderRadius: BorderRadius.only(
                  bottomLeft: Radius.circular(50),
                  bottomRight: Radius.circular(50),
                ),
              ),
              child: Column(
                children: [
                  Align(
                      alignment: Alignment.topLeft,
                        child: Text(
                          product.title.toUpperCase() ,
                          style: TextStyle(
                            color: DMLSurfaceWhite,
                            fontSize: 22),
                        ),
                      ),
                  SizedBox(height: kDefaultPadding),
                  Container(
                    //constraints: BoxConstraints(maxHeight: size.height/1.8),
                      child: Container(
                        child: ExpandText(
                          product.description,
                          textAlign: TextAlign.justify,
                            style: TextStyle(
                              fontSize: 18,
                              fontWeight: FontWeight.w300,
                              color: DMLSurfaceWhite,
                            )
                        ),
                      ),
                    ),

                  Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: [
                      Column(
                        children: [
                          Text(
                            product.price.toString(),
                            style: TextStyle(
                              fontSize: 18,
                              fontWeight: FontWeight.w600,
                              color: DMLSurfaceWhite,
                            ),
                          ),
                        ],
                      ),
                      Column(
                        crossAxisAlignment: CrossAxisAlignment.end,
                        children: [
                          Container(
                            alignment: Alignment.centerRight,
                            padding: EdgeInsets.only(top:3,left:6,right:6,bottom:3,),
                            margin: EdgeInsets.only(left:20),
                            decoration: BoxDecoration(
                              color: DMLSurfaceWhite,
                              borderRadius: BorderRadius.circular(13),
                            ),
                            child: Text(getCategory(product.category),
                              style: TextStyle(
                                fontSize: 18,
                                fontWeight: FontWeight.w400,
                                color: DMLGrey,
                              ),
                            ),
                          ),
                        ],
                      ),
                    ],
                  ),
                ],
              ),


            ),
            Column(
              children: <Widget>[
                        Container(
                          padding: EdgeInsets.symmetric(horizontal: kDefaultPadding),

                          decoration: BoxDecoration(
                            color: DMLGreen,
                            borderRadius: BorderRadius.only(
                              bottomLeft: Radius.circular(50),
                              bottomRight: Radius.circular(50),
                            ),
                          ),
                          child: Column(

                        ),
                       ),
                      ],
                      ),
            ChatAndAddToCart(),
          ]

      ),
   );
  }

  String getCategory(int id) {
  return showCategory(id);
  }
}

import 'package:flutter/material.dart';
import 'package:flutter_svg/svg.dart';

import '../../../colors.dart';
import '../../../constants.dart';

class ChatAndAddToCart extends StatelessWidget {
  const ChatAndAddToCart({
    Key key,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container(
      margin: EdgeInsets.all(kDefaultPadding),
      padding: EdgeInsets.symmetric(
        horizontal: kDefaultPadding,
        vertical: kDefaultPadding,
      ),
      decoration: BoxDecoration(
        color: DMLGrey,
        borderRadius: BorderRadius.circular(30),
      ),
      child: Row(
        children: <Widget>[
          SvgPicture.asset("assets/icons/chat.svg",
            height: 15,

          ),
          SizedBox(width: kDefaultPadding / 2),
          Text(
            "Chat",
            style: TextStyle(color: DMLSurfaceWhite,
            ),
          ),
          Spacer(),
          FlatButton.icon(
            onPressed:() {},
            icon: SvgPicture.asset(
              "assets/icons/shopping-bag.svg",
              height: 18,
              color: DMLGreenLight,
            ),
            label: Text(
              "Add to Cart",
              style: TextStyle(
                color: DMLGreenLight,
              ),
            ),
          )
        ],
      ),
    );
  }
}

The vertical drag to expand and collapse behaviour is a little bit unexpected.

1. When expanded text is in a scrollable list sometimes when you are trying to scroll the list then it expands the text.

2. Swiping to open / close the text ignores the direction you are swiping, i.e. if collapsed you can swipe up to expand, where I would expect swipe down only.