| 2 | import { Image, Modifier } from "jetpack-compose-react-native"; |
| 3 | |
| 4 | export default function IconsExample() { |
| 5 | return ( |
| 6 | <View style={styles.container}> |
| 7 | <Image |
| 8 | source={require("../assets/gingerbread.webp")} |
| 9 | style={{ width: 100, height: 100 }} |
| 10 | /> |
| 11 | <Image |
| 12 | source={require("../assets/eclair.jpg")} |
| 13 | modifier={Modifier.border({ width: 1, color: "green" })} |
| 14 | style={{ width: 100, height: 100 }} |
| 15 | /> |
| 16 | <Image |
| 17 | source={require("../assets/cupcake.jpg")} |
| 18 | modifier={Modifier.border({ |
| 19 | width: 1, |
| 20 | color: "rgba(247, 12, 28, 0.5)", |
| 21 | })} |
| 22 | style={{ width: 100, height: 100 }} |
| 23 | /> |
| 24 | <Image |
| 25 | source={require("../assets/donut.jpeg")} |
| 26 | modifier={Modifier.border({ width: 1, color: "blue" })} |
| 27 | style={{ width: 100, height: 100 }} |
| 28 | /> |
| 29 | </View> |
| 30 | ); |
| 31 | } |
| 32 | |
| 33 | const styles = StyleSheet.create({ |
| 34 | container: { |