Incorrect Icons getting displayed
See original GitHub issuen below code you can see Icon used is eye and eye-off but actually app shows cart.Similar is the case for all other ICONS in app. This issue occured after i updated react-native to 0.63 version and also i upgraded nativebase to latest verions.
`InputGroup rounded error={this.props.loginPassword.length > 0 && !this.props.loginPasswordValid} success={this.props.loginPassword.length > 0 && this.props.loginPasswordValid}>
<Input value={this.props.loginPassword} placeholder=‘Passsword’ secureTextEntry={this.props.secureTextEntry} onChangeText={(event) => this.props.handleInputChange(‘loginPassword’, event)} />
<Icon active name={this.props.secureTextEntry ? ‘eye-off’ : ‘eye’} onPress={() => this.props.toggleShowPassword()} />
</InputGroup`
Attaching screenshot of mobilescreen
package.json file: “native-base”: “^2.13.13”, “react”: “16.13.1”, “react-native”: “0.63.2”, “react-native-vector-icons”: “^7.0.0”
react-native-config.js module.exports = { project: { ios: {}, android: {}, }, assets: [‘./assets/fonts’, ‘./assets/icomoon’], };
Issue Analytics
- State:
- Created 3 years ago
- Comments:23
Top GitHub Comments
Edit android/app/build.gradle ( NOT android/build.gradle ) and add the following: apply from: “…/…/node_modules/react-native-vector-icons/fonts.gradle” It’s fixed for me
Tried doing it but no luck… stills Icons are broken!!
Are you using nativebase library? If yes which version?
It will be great help if you can share these details.
Thanks in advance…