Example of ProgressViewOffset in RefreshControl in React Native

Hello friends, In today’s tutorial we would learn about ProgressViewOffset prop of RefreshControl component in react native. As we previously learn from our tutorials RefreshControl is used to implement pull down to refresh list control in react native. Now the progress or loading indicator RefreshControl show us by default present in the fix position in the page. But using the ProgressViewOffset we can move it’s location vertically by passing margin from top in number. See the below example and you will understand it more clearly. So in this tutorial we would learn about Example of ProgressViewOffset in RefreshControl in React Native.

Contents in this project Example of ProgressViewOffset in RefreshControl in React Native :-

1. In our first code example we will show you the code where we are not implementing ProgressViewOffset prop.

Screenshot :-

2. In this code we are setting progressViewOffset={100} .

Screenshot :-

Example of ProgressViewOffset in RefreshControl in React Native3. Now again we are setting up progressViewOffset={200}.

Screenshot :-

Example of ProgressViewOffset in RefreshControl in React Native4. Complete Source Code for App.js File :-

Leave a Reply

Your email address will not be published.