我试图制作这些组件:
<View style={styles.buttonContainer}>
<View style={styles.xButton} />
<View style={styles.heartButton} />
</View>
我的风格:
const styles = StyleSheet.create({
heartButton: {
backgroundColor: '#FB4C61',
height: 80,
width: 60,
borderTopLeftRadius: 100,
borderBottomLeftRadius: 100,
// borderRadius: 10,
// borderWidth: 1,
// borderColor: '#fff',
},
xButton: {
backgroundColor: '#182343',
height: 80,
width: 60,
alignSelf: 'center',
borderTopRightRadius: 100,
borderBottomRightRadius: 100,
},
buttonContainer: {
flex: 1,
flexDirection: 'row',
justifyContent: 'space-between',
zIndex: 999,
alignItems: 'center',
top: 200,
},
我正在使用 figma 进行设计,也许我应该导出所有项目并像图像一样添加它?