如何解决在两个视图之间反应本机弹性项目
我正在尝试将一个项目放在两个视图的中间, 它应该看起来像这样:
所以我知道如何弯曲橙色和蓝色视图,问题是绿色视图。
我知道我可以将他的视图设置为绝对视图,并在空白处加上100或类似的值。
但相对于屏幕的宽度和高度不会改变。
有人知道该怎么做,以便绿色视图会根据屏幕的宽度和高度而改变?
这是我到目前为止所得到的:
import React,{Component} from 'react';
import {View} from 'react-native';
export default class MyLayout extends Component {
render() {
return (
<View style={{
flex: 1,width: 300,height: 500,alignItems: 'center',}}>
<View style={{
flex: 1,width: 100,height: 100,flexGrow: 1,}} />
<View style={{
flex: 1,flexGrow: 3,justifyContent: 'center',marginTop: 130,position: 'absolute',}} />
</View>
);
}
};
解决方法
您可以通过这种方式获取屏幕高度
import os
import pathlib
from reportlab.graphics import renderPDF
from svglib.svglib import svg2rlg
from kaleido.scopes.plotly import PlotlyScope
import plotly.graph_objects as go
def pie():
scope = PlotlyScope()
labels = ['Oxygen','Hydrogen','Carbon_Dioxide','Nitrogen']
values = [4500,2500,1053,500]
fig = go.Figure(data=[go.Pie(labels=labels,values=values)])
with open(f"{str(pathlib.Path().absolute())}/test.svg","wb") as f:
f.write(scope.transform(fig,format="svg"))
image = os.path.join(str(pathlib.Path().absolute()),'test.svg')
svg = svg2rlg(image)
renderPDF.drawToFile(svg,"file.pdf")
if __name__ == "__main__":
pie()
当然不要忘记导入它
height: Dimensions.get('window').height
如果您可以根据高度给它一个相对距离 例如
import { Dimensions } from 'react-native'
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。