我正在尝试在react-native中创建一个甜甜圈饼图,其中曲线应沿时钟方向。我使用插件https://github.com/nihgwu/react-native-pie达到了满足要求的大部分功能,但是我没有找到改变方向的方法。
如果有人玩过此组件,请建议更改代码以符合预期的UI。
代码:
body {
padding: 0;
margin: 0;
background-color: #333;
font-family: roboto;
color: white;
text-transform: uppercase;
}
.dropdown-container {
width: 80%;
height: 150px;
float: left;
background-color: #dddddd;
overflow-y: auto;
overflow-x: hidden;
}
ul.swatches {
width: 100%;
float: left;
color: #333333;
list-style-type: none;
}
ul.swatches li {
width: 80%;
height: 30px;
float: left;
border-bottom: 1px solid #333333;
margin: 0 0 10px 0;
position: relative;
padding: 0 0 0 0;
}
ul.swatches li:hover {
background-color: pink;
cursor: pointer;
}
ul.swatches li .colorBox {
width: 20px;
height: 20px;
position: absolute;
top: 0;
left: 0;
margin-left: -25px;
background-color: blue;
border-radius: 50%;
}
当前: