J'ai du mal à faire ce travail mais j'ai tout essayé et je ne peux pas faire ce travail. Donc, j'ai la structure ci-dessous: et il rend comme ceci: Comment puis-je couper ou envelopper ce texte de titre sans définir une largeur fixe à un widget parent?
3 Réponses :
Ajouter développé code> à votre colonne interne pour lui donner une largeur définie. Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
CircleAvatar(
radius: 40.0,
backgroundImage: Image.network(
'$thumbnail',
fit: BoxFit.cover,
).image,
),
SizedBox(
width: 20,
),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Text(
'Really biiiig drink name here',
style: TextStyle(
color: Colors.white,
fontSize: 28
),
),
Text(
'Category goes here',
style: TextStyle(
color: Colors.white.withOpacity(.8)
),
),
],
),
),
],
);
Si vous ajoutez une étendue à l'endroit où le débordement a lieu, il devrait résoudre le problème.
Utiliser < img src = "https://i.stack.imgur.com/f1dpt.png" alt = "Entrez la description de l'image ici"> étendu widgets pour résister au débordement de la vue
Accepter celui-ci, chaque réponse dit la même chose. Merci.
Vérifiez cette réponse Stackoverflow.com/a/54222581/5882307
Enveloppez votre colonne
à l'intérieur d'unwidget étenduCombinant @omishah Répondre avec Chyperx, j'ai obtenu ce que je voulais. Merci les gars.