useTheme | NativeBase

Introduction

Core Concepts

Data Display

Media and Icons

ReactNative Components

Community Integration

Components Migration

IMPORTANT MESSAGE — If you are starting a new project with NativeBase, we recommend using gluestack-ui instead.

Explore gluestack-ui

useTheme is a custom hook used to get the theme object from context.

Copy
import { useTheme } from 'native-base';

Copy
function Example() {
  const theme = useTheme();

  return <Box>{/* Do something with the theme */}</Box>;
}

useTheme | NativeBase | Universal Components for React and React Native