JavaScript ScrollView in ReactNative not filling remaining space react native scrollview fill height,react native scrollview full screen

I have a screen in my app that has a "in between" content. This content is too long for the Iphone 5-8, but just one screen for the Iphone 8S-XS Max.

To fix it, I've put on a simple ScrollView, which works for the content that is too long, but for the larger screen sizes, it leaves a gray background like shown in the screenshot below:
enter image description here

Here is the code:

<View style={{flex: 1, width: '100%',justifyContent: 'center', alignItems: 'center', height: 900,}}>
    <ScrollView style={{width: '100%', flex: 1, height: 900}}>
        <ImageBackground source={require('../../assets/images/background.png')} style={{width: '100%', flex: 1, justifyContent: 'flex-start', alignItems: 'center', backgroundColor: 'background-color: rgba(0, 0, 0, 0.5)',}}>
            {/*...Unimportant view code...*/}
        </ImageBackground>
    </ScrollView>
</View>

As you can see, I've applied flex: 1 to all of the important containers, and I've tried putting a bounded height (e.g. height: 900) on all of the above containers, to still no avail.

How can I make the content contained in the scrollview take up the whole screen height regardless of device?

Answer:1

I am working on an application that uses angular js UI grid. But as and when I keep using my application, it keeps adding up to the memory without releasing the dom objects. I have created a sample ...

I am working on an application that uses angular js UI grid. But as and when I keep using my application, it keeps adding up to the memory without releasing the dom objects. I have created a sample ...

  1. ag-grid angular memory leak
  2. angularjs ui grid memory leak

I need to transfer state of a component to its parent component, but I don't need to transfer all fields. What I currently do: submitHandler = (e) => { e.preventDefault(); const ...

I need to transfer state of a component to its parent component, but I don't need to transfer all fields. What I currently do: submitHandler = (e) => { e.preventDefault(); const ...

  1. copy state object react
  2. copy object state
  3. vuex copy state object
  4. reactjs copy state object
  5. redux copy state object
  6. python copy object state

I have an svg circle element with coordinate attribute as below: <circle id="c1" class="area" cx="440" cy="415" r="75"></circle> I would like to generate some random points within the ...

I have an svg circle element with coordinate attribute as below: <circle id="c1" class="area" cx="440" cy="415" r="75"></circle> I would like to generate some random points within the ...

  1. generate random points in a circle
  2. generate random points within a polygon
  3. generate random points in a circle python
  4. generate random points python
  5. generate random points in a circle matlab
  6. generate random points within a polygon python
  7. generate random points in r
  8. generate random points arcgis
  9. generate random points within a polygon r
  10. generate random points arcmap
  11. generate random points matlab
  12. generate random points on a plane
  13. generate random points in a rectangle python
  14. generate random points with minimum distance
  15. generate random points in a square matlab
  16. generate random points on a sphere
  17. generate random points in ellipse
  18. generate random points in a rectangle matlab
  19. generate random points qgis
  20. generate random points within a polygon qgis

Somewhere in the global scope: let App = Backbone.Marionette.Application.extend({}); window.Ext = new App(); Inside Module A: Ext.vent.trigger('Tracked:Email:send', { from_email: tracking_data....

Somewhere in the global scope: let App = Backbone.Marionette.Application.extend({}); window.Ext = new App(); Inside Module A: Ext.vent.trigger('Tracked:Email:send', { from_email: tracking_data....

  1. trace function calls python
  2. trace function calls c++
  3. trace function calls linux
  4. trace function calls
  5. trace function calls visual studio
  6. trace function calls javascript
  7. trace function calls gdb
  8. trace function calls windows
  9. trace function calls in java
  10. trace method calls java
  11. trace method calls c#
  12. trace method calls
  13. trace method calls android
  14. trace method calls ruby
  15. php trace function calls
  16. golang trace function calls
  17. windbg trace function calls
  18. x64dbg trace function calls
  19. gcc trace function calls
  20. elixir trace function calls