How to wrap text in Positioned child? - flutter

Question

I am trying to show an image and there will be a text just next to it but my text is so long that it can't fit the screen. Here is my code:
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.blueGrey,
appBar: new AppBar(
backgroundColor: Colors.grey,
title: new Align(
alignment: Alignment.center,
child: Text("Demo"),
),
),
body: Stack(
children: [
Positioned(
top: 50,
left: 25,
child: Image(
image: NetworkImage(
"https://reimg-teknosa-cloud-prod.mncdn.com/mnresize/200/200/productimage/125036758/125036758_0_MC/48543732.jpg"),
height: 300,
width: 200,
fit: BoxFit.fitWidth,
),
),
Container(
child: Positioned(
top: 70,
left: 260,
child: Text(
"Durum: aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaB",
style: GoogleFonts.sourceSerifPro(
fontSize: 20,
),
),
),
)
],
),
);
}
}
I tried overflow: TextOverflow.clip, did not work and I searched about Flexible and Expended but I could not place them in my code. I tried to place them instead of Container but that did not work. How can I make my text continue to down line if it won't fit? Thanks in advance.

Answer 1

Change your code like this:
#override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.blueGrey,
appBar: new AppBar(
backgroundColor: Colors.grey,
title: new Align(
alignment: Alignment.center,
child: Text("Demo"),
),
),
body: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Padding(
padding: const EdgeInsets.all(20),
child: Center(
child: Text(
"Durum: aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaB",
style: GoogleFonts.sourceSerifPro(
fontSize: 20,
),
),
),
),
Image(
image: NetworkImage(
"https://reimg-teknosa-cloud-prod.mncdn.com/mnresize/200/200/productimage/125036758/125036758_0_MC/48543732.jpg"),
height: 300,
width: 200,
fit: BoxFit.fitWidth,
),
],
),
);
}
}

Answer 2

You can add this in your Text widget softWrap: true.