Skip to content

Instantly share code, notes, and snippets.

@dayaki

dayaki/React Native debug build with RNN

Created May 6, 2019 08:51
Show Gist options
  • Save dayaki/0d7f6b2f0df291cff3dd8b307ccab241 to your computer and use it in GitHub Desktop.
Save dayaki/0d7f6b2f0df291cff3dd8b307ccab241 to your computer and use it in GitHub Desktop.
Download ZIP
Building a debug apk with React Native Navigation
Raw
React Native debug build with RNN
react-native bundle --dev false --platform android --entry-file index.js --bundle-output ./android/app/src/main/assets/index.android.bundle --assets-dest ./android/app/src/main/res
cd android
./gradlew app:assembleDebug
@dayaki
Copy link
Author

dayaki commented May 24, 2019 •
edited
Loading

Make SVG icon fill color changeable.

You can use react-native-svg-transformer to import svgs in to your code. Once you've set that up, you'll be able to do:

import ProfileIcon from './images/profile.svg'

You can then use ProfileIcon as a component.

To control the colour, edit the svg file and change the fill or stroke attributes to "currentColor" (so <polygon fill="currentColor" ...>). You can then set the color style on your svg element and it'll use that colour: <ProfileIcon style={{ color: '#f80' }}/>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment