react-native-login-screen

πŸš€ Fully Customizable Beautiful React Native Login Screen

MIT License

Downloads
359
Stars
212
Committers
5
View Code on GitHub Visit Website View on X
Ecosystems: React, React Native, Android
react-native-login-screen - Version 5 🌟 Latest Release

Published by WrathChaos over 1 year ago

New

  • Built-in Email Validation πŸ“§
  • Built-in Password Validation πŸ”’
  • Built-in Email Tooltip πŸ“§
  • Built-in Password Tooltip πŸ”’
  • Built-in Show/Hide Password Feature πŸ‘€
  • Fully Customizable 🎨
  • Better Code Quality πŸš€

What's Changed

Full Changelog: https://github.com/WrathChaos/react-native-login-screen/compare/4.2.0...5.0.0

react-native-login-screen - TextInputs are customizable now 😍

Published by WrathChaos about 2 years ago

TextInputs are customizable now 😍

export interface IInteractiveTextInputProps extends TextInputProps {
    style?: CustomStyleProp;
    textInputStyle?: CustomTextStyleProp;
    iconContainerStyle?: CustomStyleProp;
    iconImageStyle?: CustomImageStyleProp;
    iconImageSource?: ImageSourcePropType;
    ImageComponent?: any;
    IconComponent?: any;
    enableIcon?: boolean;
    mainColor?: string;
    originalColor?: string;
    animatedPlaceholderTextColor?: string;
    onFocus?: () => void;
    onBlur?: () => void;
    onIconPress?: () => void;
}
react-native-login-screen - BREAKING CHANGE: new props & better structure πŸš€

Published by WrathChaos about 2 years ago

Thanks to @ConorCorp

  • disablePasswordInput
  • loginButtonText

Thank you so much for the contribution @ConorCorp πŸ‘

  • passwordPlaceholder prop naming fixed
  • SocialButton’s export naming is finally fixed
  • Much better repo structure:
    • eslint
    • npmignore
    • tsconfig
    • and more πŸ’―
react-native-login-screen - Breaking Changes: New Props πŸ₯³

Published by WrathChaos over 2 years ago

⚠️ BREAKING CHANGES

New Props:

  • signupText
  • onSignupPress
  • emailPlaceholder
  • passwordPlaceholer
  • signupStyle
  • signupTextStyle

Not Available Props:

  • haveAccountText
  • haveAccountButtonStyle
  • haveAccountTextStyle
react-native-login-screen - Breaking Changes: New Props πŸ₯³

Published by WrathChaos over 2 years ago

⚠️ BREAKING CHANGES

New Props:

  • signupText
  • onSignupPress
  • emailPlaceholder
  • passwordPlaceholer
  • signupStyle
  • signupTextStyle

Not Available Props:

  • haveAccountText
  • haveAccountButtonStyle
  • haveAccountTextStyle
react-native-login-screen - πŸ₯³ Version 3

Published by WrathChaos almost 3 years ago

πŸ₯³ Version 3

Version 3 with the completely new UI

  • Whole new UI / UX
  • Simplistic Design
  • Better Code Quality
  • Fully Customizable
  • Ready to use SocialButton Component
  • Removed unstable dependencies
  • Only ONE dependency is needed
react-native-login-screen - usernameTitle and passwordTitle props available πŸ₯³

Published by WrathChaos over 3 years ago

usernameTitle and passwordTitle props available πŸ₯³

#24 is fixed in this version :)

react-native-login-screen - 🚨 Breaking Change: react-native-helpers dependency version upgrade

Published by WrathChaos almost 4 years ago

⚠️ Breaking Change: react-native-helpers dependency version upgrade ⚠️

Simply install:
"@freakycoder/react-native-helpers" : ">= 1.0.0"

react-native-login-screen - Breaking Change: Dependencies are removed and more... πŸ₯³

Published by WrathChaos about 4 years ago

  • react-native-vector-icons and react-native-dynamic-vector-icons dependencies are removed πŸ₯³
  • Some codes are removed (Logo) and more customization options are added
  • Better coding and refactoring
react-native-login-screen - Signup part's password inputs are secured one πŸŽƒ

Published by WrathChaos about 4 years ago

  • Signup part's password inputs are secured one πŸŽƒ
  • Fixed #13
react-native-login-screen - Teeny Tiny Style Changes 😱

Published by WrathChaos about 4 years ago

Teeny Tiny Style Changes 😱

react-native-login-screen - Version 2 is here 😍

Published by WrathChaos about 4 years ago

Version 2 is here 😍

  • Complete Typescript Written
  • New TextInput
  • Bug fixes
  • Remove Custom TextInput dependency
  • Better and the latest version of example
react-native-login-screen - Version 1.0.0: Fully customizable and battle-hardened πŸ₯³ πŸŽ‰

Published by WrathChaos over 4 years ago

Version 1.0.0: Fully customizable and battle-hardened πŸ₯³ πŸŽ‰

  • Fully customizable options
  • Battle-hardened & Tested
  • Built-in spinner system
  • Sign-up and login form system

#7 Fixed the Android design problem

react-native-login-screen - New Props are here for more localization πŸ₯³πŸŽ‰πŸŽŠ

Published by WrathChaos over 4 years ago

New Props are here for more localization πŸ₯³πŸŽ‰πŸŽŠ
New Props are:

  • usernameTitle
  • passwordTitle
  • usernamePlaceholder
  • passwordPlaceholder
react-native-login-screen - New Prop: contentComponent 😏

Published by WrathChaos over 4 years ago

New Prop: contentComponent 😏

react-native-login-screen - New Prop: disableSwitch πŸŽ‰

Published by WrathChaos over 4 years ago

  • New Prop: disableSwitch πŸŽ‰
  • Closes #2
react-native-login-screen - Font Family Bug Fix 😍

Published by WrathChaos almost 5 years ago

  • Font Family Bug Fix 😍
  • Fixes #1
react-native-login-screen - πŸ”₯ New Feature: Spinner for the Login Text Button πŸ”₯

Published by WrathChaos almost 5 years ago

πŸ”₯ New Feature: Spinner for the Login Text Button πŸ”₯

react-native-login-screen - Smaller iPhone design problem is fixed 😎

Published by WrathChaos almost 5 years ago

Smaller iPhone design problem is fixed 😎

react-native-login-screen - Settings button design bug is fixed πŸ˜‡

Published by WrathChaos almost 5 years ago

Settings button design bug is fixed πŸ˜‡

Package Rankings
Top 7.58% on Npmjs.org
Badges
Extracted from project README
Battle Tested βœ… One Line of Code to Plug & Play | Fully Customizable Beautiful React Native Login Screen npm version npm License: MIT
Related Projects
react-native-subscribe-card

Beautifully designed & fully customizable subscribe card for React Native

30 Nov 2021 23
react-native-global-modal-2

🌍 Global modal and callable from anywhere on the app for React Native

03 Dec 2022 12
react-native-otp-entry

Simple and fully modifiable OTP Input Component for React Native

12 Jun 2023 227
react-native-text-input-interactive

Fully customizable, animated text input for React Native with beautiful and elegant design

06 Aug 2021 40
react-native-social-button

Easy & Elegant Social Button for React Native

10 May 2020 3
react-native-awesome-alert

πŸ”” Customizable modal components with βœ”οΈcheck options in React Native

27 Oct 2017 51
react-native-picker-modal

Easy and fully customizable picker modal for React Native

02 Jan 2022 28
react-native-text-input

React Native Text Input

27 Oct 2020 8
react-native-get-premium-screen

Easy to use and fully customizable get premium screen for React Native

11 Nov 2021 7
react-native-switch-button

Animated switch button with fully customizable React Native Component

11 Aug 2021 20
react-native-basic-modal

Basic & Elegant Modal for React Native

13 Oct 2019 11
react-native-modern-login-screen

Modern login screen with fully customizable options with ready to use components for React Native

11 Jun 2022 6
react-native-social-login-screen

Easy Login Screen with beautiful design and fully customizable options for React Native

27 Sep 2020 17
react-native-whatsnew-kit

Plug & Play, beautiful WhatsNewKit for React Native

24 Dec 2019 14
RN_ComponentDrivenDevelopment_Storybook

Welcome to this comprehensive, beginner-friendly guide on component-driven development using Stor...

14 Aug 2024 2