Chapter 93: Sizing

Core Idea

Learn how to adjust the size of icons in your React Native application using the size prop or by using CSS.

Key Concepts

• Adjusting the icon size using the size prop
• Adjusting the icon size via the style prop

Code Examples

import React, {useState, useEffect} from 'react';
import { View } from 'react-native';
import { Landmark } from "lucide-react-native";

const style = { height: '100%', alignItems: 'center', display: 'flex', justifyContent: 'center' }

const App = () => {
  return (
    <View style={style}>
      <Landmark size={48}  />
    </View>
  );
};

export default App;

• What it demonstrates: Sizing usage pattern from the official Lucide docs.

Key Takeaways

1. Adjusting the icon size using the size prop
2. Adjusting the icon size via the style prop

Connects To

• React Native: part of the React Native section of the Lucide docs.
• Lucide for React Native: overview page for this section.