react-native-android - React Native 高度和绝对位置
问题描述
尝试将elevation
(阴影)添加到View
作品中,但是我的第二个View
渲染圆圈的 隐藏在View
属性elevation
之下。如果elevation
被删除,圆圈与position: 'absolute'
工作正常。
任何想法如何使用高度和位置视图绝对?
我的代码:
import React, { Component } from 'react';
import { StyleSheet, Text, View, Platform, TouchableOpacity } from 'react-native';
import { Font } from 'expo';
export default class Position extends Component {
render() {
return (
<View style={{ flex: 1, marginTop: 25 }}>
<View style={{ height: 50, backgroundColor: 'red', elevation: 3}}/>
<View style={styles.circle}><Text>HELLO</Text></View>
</View>
);
}
}
const styles = StyleSheet.create({
circle: {
position: 'absolute',
backgroundColor: 'yellow',
width: 60,
height: 60,
top: 30,
borderRadius: 100,
alignSelf: 'center',
justifyContent: 'center',
alignItems: 'center',
}
});
解决方案
elevation
也通过添加到圆圈来找到分辨率View
。
推荐阅读
- javascript - 使用 Javascript 复制到剪贴板功能
- ios - 以编程方式将 UIbutton 添加到表格视图内的单元格。滚动后与其他单元格聚集在一起的数据
- c++ - boost::format() 似乎不是线程安全的,因为 std::ctype
::narrow() 不是线程安全的 - javascript - 如何在 Rails 中制作无限滚动?
- domain-driven-design - 在微服务中,是否可以接受 API 返回已复制的聚合根?
- c++ - unique_ptr 多态性内存泄漏
- https - dotnet core 2.1.302 Ubuntu Linux 开发证书信任
- linux - stat 缺少操作数错误
- angular - 如何在 Angular Dart 中使用带有 ngModel 的自定义数据类型
- javascript - 如何停止滚动上一页?