callstack / react-native-paper

Material Design for React Native (Android & iOS)
https://reactnativepaper.com
MIT License
12.82k stars 2.08k forks source link

RadionButton missing Material Design Icons family font on iOS #1657

Closed IgorDePaula closed 4 years ago

IgorDePaula commented 4 years ago

Environment

"react": "16.9.0", "react-native": "0.61.5", "react-native-paper": "^3.6.0",

Description

I put a radiobutton element on screen and I received error of missing font family Material Design Icons

Captura de Tela 2020-02-09 às 20 04 01

Reproducible Demo

Captura de Tela 2020-02-09 às 20 04 37

github-actions[bot] commented 4 years 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.io. If it's not possible to repro it on snack.expo.io, then you can also provide the repro in a GitHub repository.

lindboe commented 4 years ago

I had the issue of fonts not showing up properly with Checkbox on either iOS or Android. I solved it by adding the following to Info.plist:

<array>
  <string>AntDesign.ttf</string>
  <string>Entypo.ttf</string>
  <string>EvilIcons.ttf</string>
  <string>Feather.ttf</string>
  <string>FontAwesome.ttf</string>
  <string>FontAwesome5_Brands.ttf</string>
  <string>FontAwesome5_Regular.ttf</string>
  <string>FontAwesome5_Solid.ttf</string>
  <string>Foundation.ttf</string>
  <string>Ionicons.ttf</string>
  <string>MaterialIcons.ttf</string>
  <string>MaterialCommunityIcons.ttf</string>
  <string>SimpleLineIcons.ttf</string>
  <string>Octicons.ttf</string>
  <string>Zocial.ttf</string>
</array>

And following these steps for Android from react-native-vector-icons: https://github.com/oblador/react-native-vector-icons#option-with-gradle-recommended.

Both of these are (basically) listed in the install instructions for react-native-vector-icons, but I didn't think to look there since the "Getting Started" guide for react-native-paper just suggested commands to run (and link is typically unnecessary for this version of RN).

I would suggest updating the documentation to just point people to react-native-vector-icons instructions on how to install the library instead of writing out the example installation command.

IgorDePaula commented 4 years ago

I had the issue of fonts not showing up properly with Checkbox on either iOS or Android. I solved it by adding the following to Info.plist:

<array>
  <string>AntDesign.ttf</string>
  <string>Entypo.ttf</string>
  <string>EvilIcons.ttf</string>
  <string>Feather.ttf</string>
  <string>FontAwesome.ttf</string>
  <string>FontAwesome5_Brands.ttf</string>
  <string>FontAwesome5_Regular.ttf</string>
  <string>FontAwesome5_Solid.ttf</string>
  <string>Foundation.ttf</string>
  <string>Ionicons.ttf</string>
  <string>MaterialIcons.ttf</string>
  <string>MaterialCommunityIcons.ttf</string>
  <string>SimpleLineIcons.ttf</string>
  <string>Octicons.ttf</string>
  <string>Zocial.ttf</string>
</array>

And following these steps for Android from react-native-vector-icons: https://github.com/oblador/react-native-vector-icons#option-with-gradle-recommended.

Both of these are (basically) listed in the install instructions for react-native-vector-icons, but I didn't think to look there since the "Getting Started" guide for react-native-paper just suggested commands to run (and link is typically unnecessary for this version of RN).

I would suggest updating the documentation to just point people to react-native-vector-icons instructions on how to install the library instead of writing out the example installation command.

This resolve my problem, thanks.