使用React Native使图像在iPhone X上全屏显示

Question

正如标题所述，我希望我的图像适合Iphone X模拟器的整个屏幕。我已经测试过将imageContainer设置为“ with：100％”，还设置了容纳所有内容的容器，但是它不起作用。满意任何建议。

问题图片： enter image description here

组件：

f :: Fractional a => a

样式：

Route::get('/team/{team}', 'HomeController@team')->name('team');
Route::get('/team/{team}', 'HomeController@makeOwner')->name('make-owner');

Answer 1

https://facebook.github.io/react-native/docs/safeareaview.html

添加一个安全区域，如果您想使用react-navigation，他们已经将其隐藏了。

Answer 2

我相信您正在寻找的是resizeMode style。即使将图像样式设置为width: '100%', height: '100%'，也只有容器将采用这些比例。我相信使用cover或contain的resizeMode会得到您想要的结果。