避免所有屏幕上的状态栏重叠

时间:2017-08-09 03:56:02

标签: android ios react-native redux react-redux

我希望我的应用中的所有屏幕都显示在iOS和Android的状态栏下方,因此我必须在我的所有屏幕上添加Lines <- " TICKER OPEN HIGH CLOSE 2017-01-01 BOVA11 55.30 55.50 55.20 2017-01-15 BOVA11 55.30 55.50 55.20 2017-01-31 BOVA11 55.30 55.50 55.20 2017-02-01 BOVA11 55.30 55.50 55.20" DF <- read.table(text = Lines) 组件或StatusBar。< / p>

有没有办法在全球范围内做到这一点?在Redux应用程序中添加paddingTop的适当顶级组件在哪里? (例如https://github.com/react-community/react-navigation/tree/master/examples/ReduxExample的哪一部分)?

2 个答案:

答案 0 :(得分:19)

第1步:导入平台和状态栏

unload ('SELECT * FROM table where id = 4') TO 's3://path/temp/table1'
 credentials 'aws_access_key_id="ahsvdgsfadhsagdffjh;aws_secret_access_key=ahgsdasdhgsahdgsahdgsahdgsahgsa' delimiter '|' NULL
AS
'\\N' escape;

步骤2:在父视图中添加此样式

import { Platform, StatusBar} from 'react-native';

完整代码:

paddingTop: Platform.OS === 'ios' ? 0 : StatusBar.currentHeight 

答案 1 :(得分:0)

您可以创建一个<NavigationContainer/>组件来保存所有不同的网页,这样您就不需要在每个屏幕组件中复制StatusBar和填充代码。

我在这里创建了一个示例:https://snack.expo.io/SyaCeMOwW

没有什么需要改变你的导航结构或减少流量。