sevvaleygul0 / react-native-dark-login-screen Goto Github PK
View Code? Open in Web Editor NEWCustomizable social login screen
react-native-dark-login-screen's People
Contributors
Stargazers
Watchers
react-native-dark-login-screen's Issues
Size not matched with mobile screen change
As the above image clearly explains, the sign-in and the sign-up screen don't take up all width of the screen.
Additional Sign Up Fileds
Hi! 👋
Firstly, thanks for your work on this project! 🙂
Today I used patch-package to patch [email protected] for the project I'm working on.
I add a few more fields for the sign up page to include separate username from the email field instead of setting email as username. I am still working on an edit to create a function to enable developers create fields on the fly
Here is the diff that solved my problem:
diff --git a/node_modules/react-native-dark-login-screen/lib/DarkLoginScreen.tsx b/node_modules/react-native-dark-login-screen/lib/DarkLoginScreen.tsx
index 4557970..72378fe 100644
--- a/node_modules/react-native-dark-login-screen/lib/DarkLoginScreen.tsx
+++ b/node_modules/react-native-dark-login-screen/lib/DarkLoginScreen.tsx
@@ -45,7 +45,7 @@ interface DarkLoginScreenProps {
handleFacebookLogIn?: () => void;
handleForgotPassword?: () => void;
fullNameOnChange?: (fullName: string) => void;
- singUpPasswordChangeText?: (password: string) => void;
+ signUpPasswordChangeText?: (password: string) => void;
emailOnChange?: (email: string) => void;
handleSignUp?: () => void;
handleSignUpButton?: () => void;
diff --git a/node_modules/react-native-dark-login-screen/lib/screens/sign-up/SignUpScreen.tsx b/node_modules/react-native-dark-login-screen/lib/screens/sign-up/SignUpScreen.tsx
index 33c8f9e..fa5fa18 100644
--- a/node_modules/react-native-dark-lMain container style overwrite
Hello, amazing package ! thank you so much - i love how everything is customizable.
one thing that was lacking is the main container style. I made this patch if you'd want it. I need it to make the background color matches my app theme
diff --git a/node_modules/react-native-dark-login-screen/build/dist/DarkLoginScreen.js b/node_modules/react-native-dark-login-screen/build/dist/DarkLoginScreen.js
index aaf202f..b7ebb0c 100644
--- a/node_modules/react-native-dark-login-screen/build/dist/DarkLoginScreen.js
+++ b/node_modules/react-native-dark-login-screen/build/dist/DarkLoginScreen.js
@@ -16,12 +16,12 @@ const DarkLoginScreen = (props) => {
}}/>);
}
else {
- return (<react_native_1.View style={DarkLoginScreen_style_1.default.screenContainer}>
+ return (<react_native_1.View style={[DarkLoginScreen_style_1.default.screenContainer, props.mainContainerStyle]}>
<SignUpScreen_1.default {...props} handleSignIn={() => setNewAccount(false)}/>
</react_native_1.View>);
}
};
- return <react_native_1.View style={DarkLoginScreen_style_1.default.mainContainer}>{renderScreenChange()}</react_native_1.View>;
+ return <react_native_1.View style={[DarkLoginScreen_style_1.default.mainContainer, props.mainContainerStyle]}>{renderScreenChange()}</react_native_1.View>;
};
exports.default = DarkLoginScreen;
//# sourceMappingURL=DarkLoginScreen.js.map
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.