Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Messenger Clone - Real-time iOS Chat with Firebase Firestore written in Swift

License

NotificationsYou must be signed in to change notification settings

dopebase/messenger-iOS-chat-swift-firestore

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

39 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

This is an extremely simple chat app source code of an iOS Swift Chat app. It leveragesMessageKit and it stores and retrieves data to/from Firebase Firestore. The app design is inspired by Facebook Messenger. Clone the iOS Chat App Source Code and add a fully fledged chat to your app in minutes.

Learn how to build your own iOS chat feature with only a few lines of code. Clone this iOS chat app source code and get started by following the steps below. For more details, check out our detailed technical documentation on the officialiOS Swift Chat app page.

If you get a build error in latest Xcode, make sure you run Xcode's Legacy Build System (File -> Workspace Settings).


How to run a demo app

  1. Download the source code by cloning this repository
  2. Download the GoogleService-Info.plist file from yourFirebase Console and replace the existing file in ChatApp folder. This will connect the app to your own Firebase instance.
  3. Install the pods by running
pod update
  1. Open the xcworkspace file with the latest version of Xcode

How to integrate the chat into your app

  1. Download the source code and import the "Core" folder into your Xcode project
  2. Make sure you add all the Podfile dependencies into your own Podfile
  3. Replace the GoogleService-Info.plist file with your own file, downloaded from Firebase Console.
  4. Install the pods
pod update
  1. Use the following code to instantiate a chat view controller
letuiConfig=ATCChatUIConfiguration(primaryColor:UIColor(hexString:"#0084ff"),                                      secondaryColor:UIColor(hexString:"#f0f0f0"),                                      inputTextViewBgColor:UIColor(hexString:"#f4f4f6"),                                      inputTextViewTextColor:.black,                                      inputPlaceholderTextColor:UIColor(hexString:"#979797"))letchannel=ATCChatChannel(id:"channel_id", name:"Chat Title")letviewer=ATCUser(firstName:"Florian", lastName:"Marcu")letchatVC=ATCChatThreadViewController(user: viewer, channel: channel, uiConfig: uiConfig)// Present the chatVC view controller
  1. Customize the UI by updating the ChatUIConfiguration class
letmainThemeBackgroundColor:UIColor=.whiteletmainThemeForegroundColor:UIColor=UIColor(hexString:"#3068CC")letmainTextColor:UIColor=UIColor(hexString:"#000000")letmainSubtextColor:UIColor=UIColor(hexString:"#7e7e7e")letstatusBarStyle:UIStatusBarStyle=.defaultlethairlineColor:UIColor=UIColor(hexString:"#d6d6d6")letregularSmallFont=UIFont.systemFont(ofSize:14)letregularMediumFont=UIFont.systemFont(ofSize:17)letregularLargeFont=UIFont.systemFont(ofSize:23)letmediumBoldFont=UIFont.boldSystemFont(ofSize:17)letboldLargeFont=UIFont.boldSystemFont(ofSize:23)letboldSmallFont=UIFont.boldSystemFont(ofSize:14)letboldSuperSmallFont=UIFont.boldSystemFont(ofSize:11)letboldSuperLargeFont=UIFont.boldSystemFont(ofSize:29)letitalicMediumFont=UIFont.italicSystemFont(ofSize:17)

Coded with love and supported byiOS App Templates.

This project was created usingReact Native Templates.

[8]ページ先頭
©2009-2025 Movatter.jp