[question]When using react-native-paper, is it recommended to combine it with the built-in components of React Native?

[liaodalin19903]

When using react-native-paper, is it recommended to combine it with the built-in components of React Native?

For example:

<View>

I've found that react-native-paper doesn't have this type of component.

[grego5]

uhm yes... you can combine whatever you want as long as it creates the look you need. paper components are same react native components preconfigured with styles and animations.
For layout you can use native View, or paper Surface which is equivalent to View with colors and shadows.
Mostly modify the flex direction, alignment, gap, and padding.
or create your own View component
get the theme object with useTheme() hook from paper
which will have the color variables.

import { View, Text as NativeText, type ViewStyle  } from 'react-native';
import { useTheme, Text, Surface  } from 'react-native-paper';

const somePadding: ViewStyle = {padding: 8}

const CustomView = ({ children }: { children: string }) => {
  const { colors, fonts } = useTheme();

  return (
    <View style={[{ backgroundColor: colors.elevation.level1, elevation: 2 }, somePadding]}>
      <NativeText style={fonts.bodyLarge}>{children}</NativeText >
    </View>
  );
};

const PaperView = ({ children }: { children: string }) => {

  return (
    <Surface style={somePadding}>
      <Text variant='bodyLarge'>{children }</Text>
    </Surface>
  );
};