简体   繁体   English

没有 svg 或类似的 React Native 中的两个彩色圆圈(使用视图)

[英]Two colored circle in React Native without svg or similar (using Views)

is it possible to create a two colored circle in react-native without svg?是否可以在没有 svg 的情况下在 react-native 中创建两个彩色圆圈? I made a quick mockup in paint.net so you can see what I exactly want.我在paint.net 上做了一个快速模型,这样你就可以看到我到底想要什么。

双色圆圈样机

Thanks in advance提前致谢

在此处输入图像描述

 <View style={{ height: 200, width: 200, borderRadius: 100, overflow: 'hidden' }}> <View style={{ backgroundColor: 'red', height: 100, width: 200 }} /> <View style={{ backgroundColor: 'green', height: 100, width: 200 }} /> </View>

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 将本地动画多个视图作为一个圆圈进行反应 - react native animating multiple views as a circle 如何在不使用 SVG 图像的情况下使用带有文本的 React 创建圆形/方形形状? - How to create circle/square shapes using React with text inside them without using SVG images? 动画的反应原生svg短划线a <Circle /> - Animating react-native-svg dash length of a <Circle /> React Native 同时显示两个视图 - React Native show two views simultaneously 在 React Native 中对 SVG 文件使用 require - Using require for SVG files in React Native 仅使用html + javascript + AJAX生成没有JSP或类似内容的视图 - Using only html + javascript + AJAX to generate views without JSP or similar 使用`useNativeDriver`在React-native中将圆形动画化为带有圆边的方形 - Animating circle to square with rounded edges in React-native using `useNativeDriver` Expo + React Native:在两种视图的坐标之间画线 - Expo + React Native: Draw line between coordinates on two type of views React Native:试图注册两个同名的视图 RNCMaskedView - React Native: Tried to register two views with the same name RNCMaskedView 反应本机如何为两个视图并排设置动画 - react native how to animate two views side by side
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM