title: Flutter TextOverflow.ellipsis - unwanted char at the end of the String
body: <p>I want to use <code>TextOverflow.ellipsis</code> on my Flutter web project, however at the end of the String I am getting unwanted char []. I am not sure what is the problem.
  Here is a code snippet:</p>
  <pre><code>Container(
            width: (size.width / 2) - 20,
            height: 260,
            decoration: const BoxDecoration(
                borderRadius: BorderRadius.all(Radius.circular(18)),
                color: Colors.white),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.center,
              children: [
                ClipRRect(
                  borderRadius: const BorderRadius.only(
                    topLeft: Radius.circular(18),
                    topRight: Radius.circular(18),
                  ),
                  child: widget.coverPhoto == null ||
                          widget.coverPhoto.the320X240 == null
                      ? SizedBox(
                          width: (size.width / 2),
                          height: 180,
                          child: const Icon(
                            Icons.no_photography_rounded,
                            size: 35,
                            color: Color.fromRGBO(24, 56, 83, 1),
                          ))
                      : Image.network(
                          widget.coverPhoto.the320X240,
                          fit: BoxFit.cover,
                          width: (size.width / 2),
                          height: 180,
                        ),
                ),
                const SizedBox(height: 10),
                Padding(
                  padding: const EdgeInsets.symmetric(horizontal: 8),
                  child: Text(
                    &quot;This is a sample text for this widget&quot;,
                    textAlign: TextAlign.center,
                    overflow: TextOverflow.ellipsis,
                    maxLines: 1,
                    softWrap: false,
                    style: const TextStyle(
                      fontWeight: FontWeight.w600,
                      color: Color.fromRGBO(24, 56, 83, 1),
                    ),
                  ),
                ),
                const SizedBox(
                  height: 10,
                ),
                MyIconButton(
                  title: &quot;Na mapě&quot;,
                  icon: Icons.location_pin,
                  backgroundColor: const Color.fromRGBO(24, 56, 83, 1),
                  textColor: Colors.white,
                  verticalPadding: 5,
                  horizontalPadding: 10,
                  textSize: 13,
                  spaceBetween: 10,
                  iconSize: 15,
                  borderRadius: 11,
                  onTap: () {
                    if (widget.geoLat != null &amp;&amp; widget.geoLong != null) {
                      if (widget.mobileView) {
                        mobileMapController.move(
                            LatLng(widget.geoLat!, widget.geoLong!), 17);
                        myMapController.showMap.value = true;
                      } else {
                        desktopMapController.move(
                            LatLng(widget.geoLat!, widget.geoLong!), 17);
                      }
                    }
                  },
                ),
              ],
            ),
          ),
  </code></pre>
  <p>UI output:
  <a href="https://i.stack.imgur.com/tHUm2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tHUm2.png" alt="enter image description here" /></a></p>