中文网
🌐 Nodejs.cn
首页指南EAS参考学习

This documentation is available as Markdown for AI agents and LLMs. See the full Markdown index or append .md to any documentation URL.

Expo Symbols iconExpo Symbols

A library that allows access to native symbols.

iOS
tvOS
Included in Expo Go
Recommended version:
~1.0.8

This library is currently in beta and subject to breaking changes.

expo-symbols provides access to the SF Symbols library on iOS.

Installation

Terminal
- npx expo install expo-symbols
- yarn expo install expo-symbols
- pnpm expo install expo-symbols
- bun expo install expo-symbols

If you are installing this in an existing React Native app, make sure to install expo in your project.

Usage

App.js
import { SymbolView, SymbolViewProps, SFSymbol } from 'expo-symbols';
import { StyleSheet, View } from 'react-native';

export default function App() {
  return (
    <View style={styles.container}>
      <SymbolView name="airpods.chargingcase" style={styles.symbol} type="hierarchical" />
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
  symbol: {
    width: 35,
    height: 35,
    margin: 5,
  },
});

API

import { SymbolView } from 'expo-symbols';

No API data file found, sorry!