tamotam-com / tamotam-app

(🧪 Early Beta) 🤙 TamoTam. HangOut. Offline.
https://tamotam.com
35 stars 4 forks source link

Replace PNG icons using SVG files #22

Open danieldanielecki opened 2 years ago

danieldanielecki commented 2 years ago

At the moment it's not possible to use .svg files in the icon prop, reference: #4196. The .png icons are a little bit blurry due to their small size when zoomed in, but their larger size is also problematic because it looks too big.

The only way to use SVG is to use react-native-svg, but it's using an Image, instead of a pin. In combination with the <Callout> it's a bit hectic solution and didn't actually display anything + we have event handlers, too, so it'd overcomplicate too much. New <View> would need to be introduced. Examples of such solutions:

The .svg files converted using https://www.pngtosvg.com:

icon-map-tamotam-event icon-map-user-event

.png files in 512 x 512 dimensions:

red white

danieldanielecki commented 1 year ago

Including icons as per https://github.com/oblador/react-native-vector-icons where some information is about it