search

web-ridge / react-native-paper-dates

Smooth and fast cross platform Material Design date and time picker for React Native Paper
https://www.reactnativepaperdates.com
MIT License
637 stars 161 forks source link

DatePickerModal shows weird icons on Android. #371

Closed Josh2941 closed 4 months ago

Josh2941 commented 4 months ago

Current behaviour

DatePickerModel shows weird icons when opened on Android using react-native.

Expected behaviour

DatePickerModel should show proper icons as mentioned in documentation and examples

How to reproduce?

Follow usual installation as per documentation

Preview

Screenshot_1708377915

What have you tried so far?

Tried installing all the fonts from 'react-native-vector-icons'

Your Environment

"react-native": "0.72.5", "react-native-paper": "5.12.3", "react-native-paper-dates": "0.21.9", "node": "18.16.0" "yarn": "1.22.5"

github-actions[bot] commented 4 months ago

Hey! Thanks for opening the issue. Can you provide more information about the issue? Please fill the issue template when opening the issue without deleting any section. We need all the information we can, to be able to help. Make sure to at least provide - Current behaviour, Expected behaviour, A way to reproduce the issue with minimal code (link to snack.expo.dev) or a repo on GitHub, and the information about your environment (such as the platform of the device, versions of all the packages etc.).

github-actions[bot] commented 4 months ago

Hey! Thanks for opening the issue. Can you provide a minimal repro which demonstrates the issue? Posting a snippet of your code in the issue is useful, but it's not usually straightforward to run. A repro will help us debug the issue faster. Please try to keep the repro as small as possible. The easiest way to provide a repro is on snack.expo.dev. If it's not possible to repro it on snack.expo.dev, then you can also provide the repro in a GitHub repository.

RichardLindhout commented 4 months ago

I think you have a strange react-native-vector-icons library installed?

RichardLindhout commented 4 months ago

Maybe related too: https://github.com/web-ridge/react-native-paper-dates/issues/370

MalgoBlock commented 2 months ago

Just in case someone encounters exactly the same issue on Android (as I have just now): this is due to missing a step in react-native-vector-icons setup (please see https://github.com/oblador/react-native-vector-icons), specifically adding apply from: file("../../node_modules/react-native-vector-icons/fonts.gradle") into android/app/build.gradle - at least for me it fixed me