Fix: Rendering Overflow

master
Rafael 2024-07-12 22:55:41 +02:00
parent a3705aab95
commit 00e3ae0ac2
2 changed files with 63 additions and 51 deletions

View File

@ -24,56 +24,58 @@ class MatchedScreen extends StatelessWidget {
appBar: AppBar(title: const Text('It\'s a Match!')),
body: Padding(
padding: const EdgeInsets.all(16.0),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
'You and $otherUserName have liked each other!',
style: const TextStyle(fontSize: 24),
textAlign: TextAlign.center,
),
const SizedBox(height: 24),
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
CircleAvatar(
backgroundImage: (currentUserImageUrl.isEmpty)
? null
: NetworkImage(currentUserImageUrl),
radius: 50,
child: (currentUserImageUrl.isEmpty)
? const Icon(Icons.person, size: 50)
: null,
),
const SizedBox(width: 24),
CircleAvatar(
backgroundImage: (otherUserImageUrl.isEmpty)
? null
: NetworkImage(otherUserImageUrl),
radius: 50,
child: (otherUserImageUrl.isEmpty)
? const Icon(Icons.person, size: 50)
: null,
),
],
),
const SizedBox(height: 24),
Text(
'$currentUserName and $otherUserName',
style: const TextStyle(fontSize: 20),
textAlign: TextAlign.center,
),
const SizedBox(height: 24),
ElevatedButton(
onPressed: onMessageButtonPressed,
child: const Text('Send a Message'),
),
const SizedBox(height: 16),
ElevatedButton(
onPressed: onContinueButtonPressed,
child: const Text('Continue Swiping'),
),
],
child: SingleChildScrollView(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
'You and $otherUserName have liked each other!',
style: const TextStyle(fontSize: 24),
textAlign: TextAlign.center,
),
const SizedBox(height: 24),
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
CircleAvatar(
backgroundImage: (currentUserImageUrl.isEmpty)
? null
: NetworkImage(currentUserImageUrl),
radius: 50,
child: (currentUserImageUrl.isEmpty)
? const Icon(Icons.person, size: 50)
: null,
),
const SizedBox(width: 24),
CircleAvatar(
backgroundImage: (otherUserImageUrl.isEmpty)
? null
: NetworkImage(otherUserImageUrl),
radius: 50,
child: (otherUserImageUrl.isEmpty)
? const Icon(Icons.person, size: 50)
: null,
),
],
),
const SizedBox(height: 24),
Text(
'$currentUserName and $otherUserName',
style: const TextStyle(fontSize: 20),
textAlign: TextAlign.center,
),
const SizedBox(height: 24),
ElevatedButton(
onPressed: onMessageButtonPressed,
child: const Text('Send a Message'),
),
const SizedBox(height: 16),
ElevatedButton(
onPressed: onContinueButtonPressed,
child: const Text('Continue Swiping'),
),
],
),
),
),
);

View File

@ -101,7 +101,17 @@ class _ChatPageState extends State<ChatPage> {
}
if (userPic != null) {
chatHeader = Row(
children: [userPic, const SizedBox(width: 7), Text(widget.chatTitle)],
children: [
userPic,
const SizedBox(width: 7),
Flexible(
child: Text(
widget.chatTitle,
overflow: TextOverflow.ellipsis,
maxLines: 2,
),
),
],
);
}