title: Flutter: How to Split text into 2 lines
body: <p>I'm using columns to display 2 texts. 1st text represents the title and 2nd text displays the quotation. I'm trying to split the quotation text into multi-lines using the max line's property, but the text is overlapping with other items.  I try to use <code>Expanded</code> and flexible property to overcome this issue but still, I didn't get desired output. This is what I'm trying to do:</p>
  <pre><code>Container(
                        color: Color(0xff1D1D1D),
                        width: double.maxFinite,
                        height: responsivness.safeBlockVertical! * 54.55,
                        // Stories Title
                        child: Column(
                          children: [
                            Padding(
                              padding: const EdgeInsets.all(8.0),
                              child: Text(&quot;Stories&quot;,
                                  style: Theme.of(context).textTheme.headline1!),
                            ),
                            // list of Stories
                            Expanded(
                              child: ListView.builder(
                                itemCount: 5,
                                shrinkWrap: true,
                                scrollDirection: Axis.horizontal,
                                itemBuilder: (context, index) {
                                  return Stack(
                                    clipBehavior: Clip.none,
                                    children: [
                                      Padding(
                                        padding: EdgeInsets.all(h * .014),
                                        child: Container(
                                          width:
                                              responsivness.safeBlockHorizontal! *
                                                  47,
                                          height:
                                              responsivness.safeBlockVertical! *
                                                  17,
                                          decoration: BoxDecoration(
                                            borderRadius:
                                                BorderRadius.circular(10),
                                            color: Colors.amber,
                                          ),
                                        ),
                                      ),
                                      Positioned(
                                        top: h * .19,
                                        left: h * .016,
                                        child: Column(
                                          mainAxisAlignment:
                                              MainAxisAlignment.start,
                                          crossAxisAlignment:
                                              CrossAxisAlignment.start,
                                          children: [
                                            Text(
                                              &quot;Steve H.&quot;,
                                              style: Theme.of(context)
                                                  .textTheme
                                                  .headline1!,
                                            ),
                                            Text(
                                              &quot;I bet away my house and all the money i got&quot;,
                                              style: Theme.of(context)
                                                  .textTheme
                                                  .bodyText2!,
                                              maxLines: 2,
                                              overflow: TextOverflow.ellipsis,
                                            ),
                                          ],
                                        ),
                                      ),
                                    ],
                                  );
                                },
                              ),
                            ),
                          ],
                        ),
                      ),
  </code></pre>
  <p><a href="https://i.stack.imgur.com/3B6xH.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3B6xH.jpg" alt="This is what I'm getting as an output" /></a></p>