-
Notifications
You must be signed in to change notification settings - Fork 112
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
20 changed files
with
712 additions
and
115 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,4 +1,11 @@ | ||
| import 'package:flutter/material.dart'; | ||
| import 'package:flutter/services.dart'; | ||
| import 'package:flutter_social/app.dart'; | ||
| import 'package:flutter_social/utils/colors.dart'; | ||
|
|
||
| void main() => runApp(App()); | ||
| void main() { | ||
| SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle( | ||
| statusBarColor: primaryDark | ||
| )); | ||
| runApp(App()); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,15 @@ | ||
| class Message { | ||
| bool fromMe; | ||
| String body; | ||
|
|
||
| Message(this.body, this.fromMe); | ||
| } | ||
|
|
||
| List<Message> messages = [ | ||
| Message("Hey! How's it going? 😀", false), | ||
| Message("Great thanks, i am looking forward to meeting you tomorrow 😍", true), | ||
| Message("Me too. Were you able to reach Frank?", false), | ||
| Message("Not yet", false), | ||
| Message("I'm sure he is asleep 😴", false), | ||
| Message("I was thinking the exact same thing!", true), | ||
| ]; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,10 +1,156 @@ | ||
| import 'package:flutter/material.dart'; | ||
| import 'package:flutter/widgets.dart'; | ||
| import 'package:flutter_social/_routing/routes.dart'; | ||
| import 'package:flutter_social/models/message.dart'; | ||
| import 'package:flutter_social/models/user.dart'; | ||
| import 'package:flutter_social/widgets/chat_bubble.dart'; | ||
|
|
||
| class ChatDetailsPage extends StatelessWidget { | ||
| final int userId; | ||
| const ChatDetailsPage({Key key, this.userId}) : super(key: key); | ||
|
|
||
| @override | ||
| Widget build(BuildContext context) { | ||
| final User user = users.singleWhere((user) => user.id == userId); | ||
|
|
||
| final deviceHeight = MediaQuery.of(context).size.height; | ||
| final deviceWidth = MediaQuery.of(context).size.width; | ||
|
|
||
| final userImage = InkWell( | ||
| onTap: () => Navigator.pushNamed(context, userDetailsViewRoute, arguments: user.id), | ||
| child: Hero( | ||
| tag: user.photo, | ||
| child: Container( | ||
| margin: EdgeInsets.only(right: 8.0, bottom: 10.0), | ||
| height: 50.0, | ||
| width: 50.0, | ||
| decoration: BoxDecoration( | ||
| image: DecorationImage( | ||
| image: AssetImage(user.photo), | ||
| fit: BoxFit.cover, | ||
| ), | ||
| shape: BoxShape.circle, | ||
| ), | ||
| ), | ||
| ), | ||
| ); | ||
|
|
||
| final userName = Hero( | ||
| tag: user.name, | ||
| child: Text( | ||
| user.name, | ||
| style: TextStyle( | ||
| fontSize: 20.0, | ||
| fontWeight: FontWeight.bold, | ||
| ), | ||
| ), | ||
| ); | ||
|
|
||
| final appBar = Material( | ||
| elevation: 5.0, | ||
| shadowColor: Colors.grey, | ||
| child: Container( | ||
| padding: EdgeInsets.only(left: 20.0, right: 20.0, top: 30.0), | ||
| child: Row( | ||
| mainAxisAlignment: MainAxisAlignment.spaceBetween, | ||
| children: <Widget>[ | ||
| IconButton( | ||
| onPressed: () => Navigator.pop(context), | ||
| icon: Icon(Icons.arrow_back), | ||
| ), | ||
| userName, | ||
| userImage | ||
| ], | ||
| ), | ||
| ), | ||
| ); | ||
|
|
||
| final textInput = Container( | ||
| padding: EdgeInsets.only(left: 10.0), | ||
| height: 47.0, | ||
| width: deviceWidth * 0.7, | ||
| decoration: BoxDecoration( | ||
| borderRadius: BorderRadius.circular(8.0), | ||
| color: Colors.white, | ||
| ), | ||
| child: TextField( | ||
| decoration: InputDecoration( | ||
| border: InputBorder.none, | ||
| hintText: 'Type a message...', | ||
| hintStyle: TextStyle( | ||
| color: Colors.grey.withOpacity(0.6), | ||
| fontWeight: FontWeight.w600, | ||
| ), | ||
| ), | ||
| ), | ||
| ); | ||
|
|
||
| final messageList = ListView.builder( | ||
| scrollDirection: Axis.vertical, | ||
| itemCount: messages.length, | ||
| itemBuilder: (BuildContext context, int index) { | ||
| return ChatBubble( | ||
| message: messages[index], | ||
| ); | ||
| }, | ||
| ); | ||
|
|
||
| final inputBox = Positioned( | ||
| bottom: 0, | ||
| left: 0, | ||
| right: 0, | ||
| child: Container( | ||
| height: 60.0, | ||
| width: deviceHeight, | ||
| decoration: BoxDecoration( | ||
| color: Colors.grey.shade200, | ||
| ), | ||
| child: Row( | ||
| mainAxisAlignment: MainAxisAlignment.spaceBetween, | ||
| children: <Widget>[ | ||
| IconButton( | ||
| onPressed: () {}, | ||
| icon: Icon( | ||
| Icons.camera_alt, | ||
| color: Colors.grey, | ||
| ), | ||
| iconSize: 32.0, | ||
| ), | ||
| textInput, | ||
| IconButton( | ||
| onPressed: () {}, | ||
| icon: Icon( | ||
| Icons.send, | ||
| color: Colors.grey, | ||
| ), | ||
| iconSize: 32.0, | ||
| ), | ||
| ], | ||
| ), | ||
| ), | ||
| ); | ||
|
|
||
| return Scaffold( | ||
|
|
||
| body: Stack( | ||
| children: <Widget>[ | ||
| Container( | ||
| height: deviceHeight, | ||
| width: deviceWidth, | ||
| child: Column( | ||
| children: <Widget>[ | ||
| appBar, | ||
| SizedBox( | ||
| height: 10.0, | ||
| ), | ||
| Flexible( | ||
| child: messageList, | ||
| ), | ||
| ], | ||
| ), | ||
| ), | ||
| inputBox | ||
| ], | ||
| ), | ||
| ); | ||
| } | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.