{"id":19510616,"url":"https://github.com/sevvaleygul0/react-native-dark-login-screen","last_synced_at":"2025-04-26T03:32:20.792Z","repository":{"id":41313819,"uuid":"345403831","full_name":"sevvaleygul0/react-native-dark-login-screen","owner":"sevvaleygul0","description":"Customizable social login screen","archived":false,"fork":false,"pushed_at":"2022-06-30T14:45:04.000Z","size":18922,"stargazers_count":10,"open_issues_count":3,"forks_count":2,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-24T13:40:29.387Z","etag":null,"topics":["library","mobil","mobile","mobile-development","react-native","react-native-dark-login-screen","react-native-library"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sevvaleygul0.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-03-07T17:04:02.000Z","updated_at":"2024-06-27T04:08:22.000Z","dependencies_parsed_at":"2022-08-25T20:11:34.013Z","dependency_job_id":null,"html_url":"https://github.com/sevvaleygul0/react-native-dark-login-screen","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":"WrathChaos/react-native-typescript-library-starter","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sevvaleygul0%2Freact-native-dark-login-screen","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sevvaleygul0%2Freact-native-dark-login-screen/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sevvaleygul0%2Freact-native-dark-login-screen/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sevvaleygul0%2Freact-native-dark-login-screen/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sevvaleygul0","download_url":"https://codeload.github.com/sevvaleygul0/react-native-dark-login-screen/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250926903,"owners_count":21509057,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["library","mobil","mobile","mobile-development","react-native","react-native-dark-login-screen","react-native-library"],"created_at":"2024-11-10T23:16:34.139Z","updated_at":"2025-04-26T03:32:15.780Z","avatar_url":"https://github.com/sevvaleygul0.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cimg alt=\"React Native Typescript Library Starter\" src=\"assets/logo.png\" width=\"1050\"/\u003e\n\n[![Battle Tested ✅](https://img.shields.io/badge/-Battle--Tested%20%E2%9C%85-03666e?style=for-the-badge)](https://github.com/sevvaleygul0/react-native-dark-login-screen)\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg alt=\"React Native Social Login Screen\"\n          src=\"assets/Screenshots/dark-login-screen-2.png\" /\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg alt=\"React Native Social Login Screen\"\n              src=\"assets/Screenshots/dark-login-screen.png\" /\u003e\n    \u003c/td\u003e\n   \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cimg alt=\"React Native Social Login Screen\"\n          src=\"assets/Screenshots/dark-login-screen.gif\" /\u003e\n    \u003c/td\u003e\n   \n   \u003c/tr\u003e\n\u003c/table\u003e\n\n# Installation\n\nAdd the dependency:\n\n```bash\nnpm i react-native-dark-login-screen\n```\n\n## Peer Dependencies\n\n\u003ch5\u003e\u003ci\u003eIMPORTANT! You need install them\u003c/i\u003e\u003c/h5\u003e\n\n```js\n\"react\": \"\u003e= 16.x.x\",\n\"react-native\": \"\u003e= 0.55.x\",\n```\n\n# Usage\n\n## Import\n\n```jsx\nimport DarkLoginScreen from \"react-native-dark-login-screen\";\n```\n\n## Fundamental Usage\n\n```jsx\n\u003cDarkLoginScreen\n  handleSignInButton={() =\u003e {}}\n  handleGoogleLogIn={() =\u003e {}}\n  handleFacebookLogIn={() =\u003e {}}\n  handleSignInButton={() =\u003e {}}\n/\u003e\n```\n\n# Configuration - Props\n\n## Sign In Screen\n\n| Property                |   Type    |            Default             | Description                                                                              |\n| ----------------------- | :-------: | :----------------------------: | ---------------------------------------------------------------------------------------- |\n| titleText               |  string   |         Welcome Back!          | change the title text                                                                    |\n| titleTextStyle          | TextStyle |            default             | set or override the style object for the title text                                      |\n| descriptionText         |  string   | Please sign in to your account | change the description text                                                              |\n| descriptionTextStyle    | TextStyle |            default             | set or override the style object for the description                                     |\n| usernamePlaceholder     |  string   |            Username            | change the username placeholder                                                          |\n| textInputStyle          | ViewStyle |            default             | set or override the style object for the username, password, fullname, email text inputs |\n| placeholderTextColor    |  string   |            #6C6D72             | change the placeholder text                                                              |\n| passwordPlaceholder     |  string   |            Password            | change the password placeholder                                                          |\n| passwordTextInputStyle  | ViewStyle |            default             | set or override the style object for the password text input                             |\n| forgotPasswordText      |  string   |        Forgot Password?        | change the forgot password text                                                          |\n| forgotPasswordTextStyle | TextStyle |            default             | change the forgot button's text                                                          |\n| signInButtonStyle       | ViewStyle |            default             | set or override the style object for the sign in button style                            |\n| signInButtonText        |  string   |            Sign In             | change the sign in button text                                                           |\n| signInButtonTextStyle   | TextStyle |            default             | set or override the style object for the sign in button text style                       |\n| googleButtonStyle       |   View    |            default             | set or override the style object for the google button style                             |\n| googleButtonTextStyle   | TextStyle |            default             | set or override the style object for the google button text style                        |\n| googleButtonText        |  string   |      Sign In With Google       | change the google button style                                                           |\n| facebookButtonStyle     | ViewStyle |            default             | set or override the style object for the facebook button style                           |\n| facebookButtonTextStyle | TextStyle |            default             | set or override the style object for the facebook button text style                      |\n| facebookButtonText      |  string   |     Sign In With Facebook      | change the facebook button text                                                          |\n| appleButtonStyle        | ViewStyle |            default             | set or override the style object for the apple button style                              |\n| appleButtonTextStyle    | TextStyle |            default             | set or override the style object for the apple button text style                         |\n| appleButtonText         |  string   |       Sign In With Apple       | change the apple button text                                                             |\n| enableGoogleLogin       |  boolean  |              true              | enable the google login button                                                           |\n| enableFacebookLogin     |  boolean  |              true              | enable the facebook login button                                                         |\n| enableAppleLogin        |  boolean  |              true              | enable the apple login button                                                            |\n| signUpQuestionText      |  string   |    Don't Have An Account ?     | change the question to sign up screen                                                    |\n| signUpButtonText        |  string   |            Sign Up             | change the sign up button text                                                           |\n| signUpTextStyle         | TextStyle |            default             | change the sign up button style                                                          |\n| signUpButtonTextStyle   | TextStyle |            default             | set or override the style object for the sign up button text style                       |\n| usernameChangeText      | function  |           undefined            | handle the usernameChangeText function                                                   |\n| passwordChangeText      | function  |           undefined            | handle the passwordChangeText function                                                   |\n| handleSignInButton      | function  |           undefined            | handle Sign In button is pressed                                                         |\n| handleGoogleLogIn       | function  |           undefined            | handle handleGoogleLogIn button is pressed                                               |\n| handleAppleLogIn        | function  |           undefined            | handle handleAppleLogIn button is pressed                                                |\n| handleFacebookLogIn     | function  |           undefined            | handle handleFacebookLogIn button is pressed                                             |\n| handleForgotPassword    | function  |           undefined            | handle handleForgotPassword button is pressed                                            |\n| handleSignUp            | function  |           undefined            | handle handleSignUp button is pressed for navigation to sign up screen                   |\n| enableForgotPassword    |  boolean  |              true              | enable the forgot password button                                                        |\n\n## Sign Up Screen\n\n| Property                   |   Type    |               Default               | Description                                                                              |\n| -------------------------- | :-------: | :---------------------------------: | ---------------------------------------------------------------------------------------- |\n| signUpTitle                |  string   |         Create New Account          | change the sign up screen title                                                          |\n| signUpDescriptionText      |  string   | Please fill in the form to continue | change the sign up description                                                           |\n| signUpTitleTextStyle       | TextStyle |               default               | change the title text style                                                              |\n| signUpDescriptionTextStyle | TextStyle |               default               | change the description text style                                                        |\n| fullNamePlaceholderText    |  string   |              Full Name              | change the full name text input placeholder                                              |\n| placeholderTextColor       |  string   |               #6C6D72               | change the placeholder text color                                                        |\n| textInputStyle             | ViewStyle |               default               | set or override the style object for the username, password, fullname, email text inputs |\n| emailPlaceholderText       |  string   |            Email Address            | change the placeholder for email text input                                              |\n| passwordPlaceholder        |  string   |              Password               | change the placeholder for password text input                                           |\n| passwordTextInputStyle     | ViewStyle |               default               | set or override the style object for the password text input                             |\n| signUpButtonText           |  string   |               Sign Up               | change the sign up button text                                                           |\n| signUpButtonStyle          | ViewStyle |               default               | set or override the style object for the sign up button style                            |\n| signUpButtonTextStyle      | TextStyle |               default               | set or override the style object for the sign up button text style                       |\n| signInQuestionTextStyle    | TextStyle |               default               | set or override the style object for the sign in question text style                     |\n| signInQuestionText         |  string   |          Have An Account?           | change the sign in question text                                                         |\n| signInButtonTextStyle      | TextStyle |               default               | set or override the style object for the sign in button text style                       |\n| signInButtonText           |  string   |               Sign In               | change the sign in button text                                                           |\n| fullNameOnChange           | function  |              undefined              | handle fullNameOnChange input is changed                                                 |\n| emailOnChange              | function  |              undefined              | handle emailOnChange input is changed                                                    |\n| singUpPasswordChangeText   | function  |              undefined              | handle singUpPasswordChangeText is changed                                               |\n| handleSignUpButton         | function  |              undefined              | handle handleSignUpButton is pressed                                                     |\n| handleSignIn               | function  |              undefined              | handle handleSignIn is pressed                                                           |\n\n## Future Plans\n\n- [x] ~~LICENSE~~\n- [ ] Light mode integration :)\n\n## Inspirer\n\nThanks to https://dribbble.com/shots/15196515-Abda-The-Beginning for the design.\n\n## Author\n\nSevval Eygul, sevvalleygull@gmail.com\n\n## License\n\nReact Native Typescript Library Starter is available under the MIT license. See the LICENSE file for more info.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsevvaleygul0%2Freact-native-dark-login-screen","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsevvaleygul0%2Freact-native-dark-login-screen","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsevvaleygul0%2Freact-native-dark-login-screen/lists"}