如何修改React Native Paper按钮的圆角形状？求助

你猜的没错，React Native Paper新版本确实调整了按钮的默认圆角大小。不用降级，有两种简单方法可以修改成你想要的小圆角样式：

方法一：单独修改单个按钮样式 #

直接给目标按钮添加style属性，自定义borderRadius值：

export const HomeScreen = () => {
  return (
    <View style={{ flex: 1, alignItems: "center", justifyContent: "center" }}>
      <Button 
        mode="contained"
        style={{ borderRadius: 4 }} // 这里设置你需要的圆角数值，比如4
      >
        Button
      </Button>
    </View>
  );
};

方法二：全局统一修改按钮样式 #

如果你的应用里有多个按钮需要统一样式，可以通过自定义主题全局配置，避免重复写样式：

1. 在应用入口文件（比如App.js）中引入PaperProvider和默认主题：

import { Provider as PaperProvider, DefaultTheme } from 'react-native-paper';
import { HomeScreen } from './你的组件路径';

// 自定义主题，仅修改按钮的圆角
const customTheme = {
  ...DefaultTheme,
  components: {
    Button: {
      styles: {
        contained: {
          borderRadius: 4,
        },
      },
    },
  },
};

export default function App() {
  return (
    <PaperProvider theme={customTheme}>
      <HomeScreen />
    </PaperProvider>
  );
}

如果想让所有依赖roundness的组件（比如卡片、输入框等）都统一圆角，也可以直接修改主题的roundness属性：

const customTheme = {
  ...DefaultTheme,
  roundness: 4,
};

内容的提问来源于stack exchange，提问作者abukta