callstack/react-native-paper-login-template

The easiest way to start with your application.

React Native Paper Login Template

The easiest way to start with your application.

Features

• Save energy & hours of hard-work
• Complete source code in React Native
• Based on react-native-paper
• 5 screens & 16 components
• Prettier for pretty, formatted code
• Minimum dependencies

How to use?

1. Download or clone this repo.

2. Install dependencies.

npm install
// or
yarn install

3. Run project on iOS / Android.

 npm run ios // npm run android
 // or
 yarn ios // yarn android

Project was created using Expo. If you want standard native project please run following command:

expo eject

Preview

Made with ❤️ at Callstack

This template is an open source project and will always remain free to use. If you think it's cool, please star it 🌟. Callstack is a group of React and React Native geeks, contact us at [email protected] if you need any help with these or just want to say hi!

react-native-paper-login-template's Issues

React does not recognize the `autoCompleteType` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `autocompletetype` instead. If you accidentally passed it from a parent component, remove it from the DOM element. in input (created by TextInput)

I am testing the web and I have this warning:

index.js:1 Warning: React does not recognize the `autoCompleteType` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `autocompletetype` instead. If you accidentally passed it from a parent component, remove it from the DOM element.
    in input (created by TextInput)

this seems to be where:

      <TextInput
        label="Email or phone number"
        returnKeyType="next"
        value={email.value}
        onChangeText={(text) => setEmail({ value: text, error: '' })}
        error={!!email.error}
        errorText={email.error}
        autoCapitalize="none"
        autoCompleteType="email"
        textContentType="emailAddress"
        keyboardType="email-address"
      />

Error after cloning preventing to run the expo app : Can't resolve 'react-native-screens'

I did the following :

git clone [email protected]:callstack/react-native-paper-login-template.git
npm i 
expo start --web

Expected

I expect the app to run

Result

 web  Failed to compile.
/home/dka/workspace/github.com/callstack/react-native-paper-login-template/node_modules/react-navigation-stack/lib/module/views/StackView/StackViewCard.js
Module not found: Can't resolve 'react-native-screens' in '/home/dka/workspace/github.com/callstack/react-native-paper-login-template/node_modules/react-navigation-stack/lib/module/views/StackView'

How can I display the Show/Hide icon for the password in Textinput?

I have a requirement for display password show/hide functionality. So, my question is how can I display an "eye" icon on the right side of "Textinput" for particular "Textinput"(only for password input not for others)

Errors with dark mode

Environment

Windows 10
Android 7
React native paper ^4.8.1

Description

The theme changes everything to blue color whenever I change it to dark theme. The error texts are changed to white color and Issue in overall look of the application. The dark theme is combined from react navigation dark theme and react native paper dark theme.

Reproducible Demo

1. clone the repo
2. Implement dark mode combining react navigation theme and react native paper theme
3. Look for the changes

Web styling for input is stroking the text

It seems that TextInput is having issue, I have the following stroke over my label when doing expo start --web: