Fix: Rendering Overflow
parent
a3705aab95
commit
00e3ae0ac2
|
@ -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'),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
|
|
|
@ -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,
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue