reactjs 如何在react native中创建单侧倾斜的自定义按钮组件[duplicate]

pdkcd3nj 于 2022-12-03 发布在 React

关注(0)|答案(1)|浏览(170)

此问题在此处已有答案：

Shape with a slanted side (responsive)（3个答案）
2天前关闭。
我想创建一个自定义的React原生按钮，这是倾斜的一面。我已经参考了这么多的文章，但没有一个然后不解决我的要求。这里是按钮看起来像的样本。一个按钮向左倾斜，其他按钮向右倾斜。
这里是纽扣的样子。
One side skewed button example 1
One side skewed button example 2
请任何人帮助我创建这个按钮。

reactjs

来源：https://stackoverflow.com/questions/74637667/how-to-create-a-one-side-skewed-custom-button-component-in-react-native

1条答案

按热度按时间

u1ehiz5o1#

可以通过添加一些样式来创建倾斜的按钮。请尝试此样式。

import React from "react";
import { View, Text, StyleSheet } from "react-native";

const App = () => {
  return <View style={styles.button} />;
};

const styles = StyleSheet.create({
  button: {
    width: 250,
    height: 0,
    borderTopWidth: 100,
    borderBottomColor: "red",
    borderLeftWidth: 0,
    borderLeftColor: "transparent",
    borderRightWidth: 50,
    borderRightColor: "transparent",
    borderStyle: "solid",
  },
});

export default App;

赞(0）回复(0）举报 2022-12-03

我来回答

reactjs 如何在react native中创建单侧倾斜的自定义按钮组件[duplicate]

1条答案

相关问题

热门标签

最新问答