STEP1:
npm i react-native-otp-textinput
Step 2:
npm i react-native-sms-retriever
OTP Input View UI
<OTPTextInput
ref={otpInputRef} //Its refference Value
containerStyle={styles.textInputContainer}
textInputStyle={styles.roundedTextInput}
inputCount={6}
useRef
tintColor=”#E9E9E9"
handleTextChange={(text) => setOTP({ otpInput: text })}
/>
Style UI
const styles = StyleSheet.create({
textInputContainer: {
marginBottom: 20,
},
roundedTextInput: {
borderRadius: 10,
borderWidth: 4,
backgroundColor: “#E9E9E9”,
},
let otpInputRef = useRef(null);
SMS Retriver Logic:
React.useEffect(() => {
try {
const registered = SmsRetriever.startSmsRetriever();
if (registered) {
SmsRetriever.addSmsListener(event => {
const otp = /(\d{6})/g.exec(event.message)[1];
console.log(otp);
// e.otpInputData.current.setValue(“123456”);
otpInputRef?.current.setValue(otp);
SmsRetriever.removeSmsListener();
});
}
} catch (error) {
console.log(JSON.stringify(error));
}
}, []);
STEPS:
Create Project using below command
composer create-project –-prefer-dist laravel/laravel NameOfProject “Version”
After Execute Above Command project willl create in xampp htdocs folder
Then open the link in browser .It will show like above image.
We need to update .htaccess file
<IfModule mod_rewrite.c>
<IfModule mod_negotiation.c>
Options -MultiViews
</IfModule>
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} -d [OR]
RewriteCond %{REQUEST_FILENAME} -f
RewriteRule ^ ^$1 [N]
RewriteCond %{REQUEST_URI} (\.\w+$) [NC]
RewriteRule ^(.*)$ public/$1
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^ server.php
</IfModule>
After Updating Able To See website
