React Native: react-native-material-letter-icon
Variations
📖 Getting started
$ npm install react-native-material-letter-icon --save
$ react-native link react-native-material-letter-icon
Android
- Open up
android/app/src/main/java/[...]/MainActivity.java
- Add
import com.zappi.ui.material.letter.icon.RNMaterialLetterIconPackage;
to the imports at the top of the file - Add
new RNMaterialLetterIconPackage()
to the list returned by thegetPackages()
method
- Append the following lines to
android/settings.gradle
:include ':react-native-material-letter-icon' project(':react-native-material-letter-icon').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-material-letter-icon/android')
- Insert the following lines inside the dependencies block in
android/app/build.gradle
:compile project(':react-native-material-letter-icon')
💻 Usage
;;; type Props = {};<Props> { return <View style=stylescontainer> <RNMaterialLetterIcon size=80 border=true borderColor="#dd2c00" borderSize=2 /> <RNMaterialLetterIcon size=80 shapeColor="#ff5722" shapeType="round" /> <RNMaterialLetterIcon size=80 shapeColor="#4caf50" shapeType="triangle" /> <RNMaterialLetterIcon size=80 shapeColor="#303f9f" shapeType="rect" /> </View> ; } const styles = StyleSheet;
💡 Props
Prop | Type | Default | Note |
---|---|---|---|
shapeColor |
string |
#1e95cc |
Shape color resource |
shapeType |
string |
circle |
Shape type (circle,rectangle,rect,round) |
letter |
string |
Leonardo Wilhelm DiCaprio |
Letter, string or initials to get letters from |
letterColor |
string |
#ffffff |
Letter color |
letterSize |
number |
26 |
Letter size |
lettersNumber |
number |
Letter number | |
initials |
bool |
true |
Initials enabled |
initialsNumber |
number |
3 |
Initials number |
border |
bool |
Border enabled | |
borderColor |
string |
Border color | |
borderSize |
string |
Border size |
✨ Credits
- Android Material Letter Icon: IvBaranov/MaterialLetterIcon
💫 Contribute
- Pranav Raj Singh Chauhan: prscx
📜 License
This library is provided under the Apache License.