Social-Links:React Native和Firebase中的一个简单的聊天应用程序

  • h0_825296
    了解作者
  • 53MB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-06-04 01:07
    上传日期
社交连结 适用于Android和iOS的内置React Native和Firebase的开源聊天应用程序。 UI / UX设计 Figma: : 技术领域 React Native(博览会) Google Firestore (UI框架) (聊天渲染) 应用程序屏幕 欢迎/启动画面 登入画面 注册屏幕 最近聊天屏幕 搜索画面 聊天画面 创建组屏幕 群组画面 群组画面 安装 Firestore数据库 在Firebase中创建一个新项目 创建Firestore数据库 用位于Firestore Rules > social-links.rules文件中的内容替换数据库安全规则,然后发布 添加具有以下值的复合索引 应用程式设定 git clone https://github.com/iNerdStack/Social-Links.git cd Social-Links 将src
Social-Links-master.zip
  • Social-Links-master
  • Navigators
  • WelcomeStack.js
    2.3KB
  • HomeStack.js
    2.8KB
  • .expo-shared
  • assets.json
    155B
  • Firestore Rule
  • social-links.rules
    11KB
  • src
  • AuthProvider.js
    2.5KB
  • firebaseSvc.example.js
    676B
  • GlobalProvider.js
    2.6KB
  • babel.config.js
    107B
  • theme
  • theme.json
    3.3KB
  • mapping.json
    1.4KB
  • components
  • homebutton.js
    3.7KB
  • Loading.js
    398B
  • Avatar.js
    867B
  • debug.log
    264B
  • apk
  • Social Links.apk
    53.3MB
  • assets
  • splash.png
    48.2KB
  • favicon.png
    1.5KB
  • icon.png
    49.9KB
  • adaptive-icon.png
    55.6KB
  • icons
  • send.png
    14.4KB
  • img
  • create-group.png
    233.7KB
  • default.png
    16.3KB
  • create-group.jpg
    48.3KB
  • group.png
    222.3KB
  • welcome.jpg
    237.5KB
  • fonts
  • Poppins-Bold.ttf
    271.2KB
  • Poppins-Light.ttf
    243.4KB
  • Poppins-Regular.ttf
    250.9KB
  • Poppins-Medium.ttf
    268.6KB
  • Poppins-SemiBold.ttf
    272.6KB
  • logo-transparent.png
    34.6KB
  • App.js
    2.1KB
  • README.md
    2.6KB
  • screens
  • CreateGroupScreen.js
    4.7KB
  • SearchScreen.js
    16.7KB
  • SignupScreen.js
    9.3KB
  • LoginScreen.js
    6.5KB
  • UsersScreen.js
    5.5KB
  • RecentScreen.js
    13.5KB
  • GroupScreen.js
    14KB
  • WelcomeScreen.js
    3KB
  • GroupsScreen.js
    5.3KB
  • MainScreen.js
    3.1KB
  • ChatScreen.js
    12.9KB
  • app.json
    999B
  • .gitignore
    157B
  • package.json
    1.2KB
内容介绍
# Social Links ![Social Links](https://i.imgur.com/ovOFP33.jpg) An Open Source Chat Application Built-In **React Native & Firebase** for Android & iOS. ## UI/UX Design - Figma: [https://www.figma.com/file/3hPgGSTJN1rhsgz0oXYfeT/Social-Links](https://www.figma.com/file/3hPgGSTJN1rhsgz0oXYfeT/Social-Links) ## Technologies - React Native (Expo) - Google Firestore - [UI Kitten](https://akveo.github.io/react-native-ui-kitten/) (UI Framework) - [React Native Gifted Chat](https://github.com/FaridSafi/react-native-gifted-chat) (Chat Rendering) ## App Screens - Welcome/SplashScreen - Login Screen - Sign Up Screen - Recent Chats Screen - Search Screen - Chat Screen - Create Group Screen - Groups Screen - Group Screen # Installation ## Firestore Database 1. Create a new project in firebase 2. Create firestore database 3. Replace database security rules with content in file located at`Firestore Rules` > `social-links.rules`and publish 4. Add a composite index with the values below ![Composite Index](https://i.imgur.com/HsMctQZ.jpg) ![Database Index](https://i.imgur.com/2r9y6Mn.jpg) ## App Setup - `git clone https://github.com/iNerdStack/Social-Links.git` - `cd Social-Links` - Rename `src` > `firebaseSvc.example.js` to `firebaseSvc.js` - Open file and replace `firebaseConfig` information with your web app's Firebase configuration - run `npm install` - `npm start` > Note: Delete apk & firestore rules folders in project before building app ## App Customization > ### APP NAME - Change app name and package name IN `app.json` - Replace icons in `assets` folder > ### APP COLOR SCHEME - Generate your theme color at [Eva Design System](https://colors.eva.design/) and export data as JSON - Rename the JSON downloaded from `custom-theme.json` to `theme.json` - Replace `theme` > `theme.json` with the JSON file you generated > ### APP FONT - Copy new fonts into `assets`> `fonts` - Locate the code block below in `App.js` and replace fonts file names with your new font names ```js const getFonts = () => Font.loadAsync({ PoppinsRegular: require("./assets/fonts/Poppins-Regular.ttf"), PoppinsBold: require("./assets/fonts/Poppins-Bold.ttf"), PoppinsLight: require("./assets/fonts/Poppins-Light.ttf"), PoppinsMedium: require("./assets/fonts/Poppins-Medium.ttf"), PoppinsSemiBold: require("./assets/fonts/Poppins-SemiBold.ttf"), }); ``` - Rename theme also in `theme` > `mapping.json` ## App Demo > A demo appication is available in `apk` folder, download and install to try app demo ## License - MIT ## Author Feel free to reach out and also ask questions on Twitter [@Nerd_Stack](https://www.twitter.com/Nerd_Stack)!
评论
    相关推荐