Showing refresh icon while unmounting a screen in Android.

This issue has been created since 2022-09-18.

Description

If a component have refresh control or flatlist with refreshing and onrefresh props , then showing white circle on the top of the screen while navigating back. if i disable refresh control or remove the onrefresh and refreshing prop from flatlist then this white circle won’t come while navigating back.

Version

0.70.0

Output of npx react-native info

System:
OS: macOS 12.6
CPU: (8) x64 Intel(R) Core(TM) i5-1038NG7 CPU @ 2.00GHz
Memory: 25.20 MB / 16.00 GB
Shell: 5.8.1 - /bin/zsh
Binaries:
Node: 14.19.0 - /usr/local/opt/[email protected]/bin/node
Yarn: Not Found
npm: 6.14.16 - /usr/local/opt/[email protected]/bin/npm
Watchman: 2022.02.07.00 - /usr/local/bin/watchman
Managers:
CocoaPods: 1.11.3 - /usr/local/bin/pod
SDKs:
iOS SDK:
Platforms: DriverKit 21.4, iOS 15.5, macOS 12.3, tvOS 15.4, watchOS 8.5
Android SDK: Not Found
IDEs:
Android Studio: 2021.2 AI-212.5712.43.2112.8815526
Xcode: 13.4.1/13F100 - /usr/bin/xcodebuild
Languages:
Java: 11.0.11 - /usr/bin/javac
npmPackages:
@react-native-community/cli: Not Found
react: 18.1.0 => 18.1.0
react-native: 0.70.0 => 0.70.0
react-native-macos: Not Found
npmGlobalPackages:
react-native: Not Found

Steps to reproduce

I have attached the sample code here , run the same in any android device . while navigating back from the profile screen it showing a white circle on the top just below the header bar.

Please give me a solution for the same.
Thanks

Snack, code example, screenshot, or link to a repository

import * as React from 'react';
import { Button, View } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';

function HomeScreen({ navigation }) {
return (
<View style={{ flex: 1, backgroundColor : "black" ,alignItems: 'center', justifyContent: 'center' }}>
<Button
title="Go to Profile"
onPress={() => navigation.navigate('Profile')}
/>

);
}

import { SafeAreaView, FlatList, StyleSheet, Text, StatusBar } from 'react-native';

const DATA = [
{
id: 'bd7acbea-c1b1-46c2-aed5-3ad53abb28ba',
title: 'First Item',
},
{
id: '3ac68afc-c605-48d3-a4f8-fbd91aa97f63',
title: 'Second Item',
},
{
id: '58694a0f-3da1-471f-bd96-145571e29d72',
title: 'Third Item',
},
];

const Item = ({ title }) => (

{title}

);

const ProfileScreen = () => {
const renderItem = ({ item }) => (

);

return (

<Text style={{color : 'white' , alignSelf : 'center'}}>Heading
<FlatList
data={DATA}
renderItem={renderItem}
keyExtractor={item => item.id}
onRefresh={()=>{}}
refreshing={false}
/>

);
}

const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor : 'black'
},
item: {
backgroundColor: '#f9c2ff',
padding: 20,
marginVertical: 8,
marginHorizontal: 16,
},
title: {
fontSize: 32,
},
});

const Stack = createNativeStackNavigator();

function MyStack() {
return (
<Stack.Navigator
screenOptions={{
animation : "slide_from_right",
}}>
<Stack.Screen name="Home" component={HomeScreen} />
<Stack.Screen name="Profile" component={ProfileScreen} />
</Stack.Navigator>
);
}

export default function App() {
return (



);
}

Screenshot 2022-09-18 at 7 54 30 PM

gabrieldonadel wrote this answer on 2022-09-22

I've also been experiencing this on version 0.68.2

More Details About Repo
Owner Name facebook
Repo Name react-native
Full Name facebook/react-native
Language JavaScript
Created Date 2015-01-09
Updated Date 2022-10-07
Star Count 105180
Watcher Count 3671
Fork Count 22481
Issue Count 2230

YOU MAY BE INTERESTED

Issue Title Created Date Comment Count Updated Date
Any tips on using 1 global read for dot product (puzzle 10)? 1 2022-07-14 2022-08-11
urllib.error.HTTPError: HTTP Error 404: Not Found 2 2022-02-14 2022-09-18
all packages are install correctly but still not running 2 2021-07-29 2022-09-18
Installation on Ubuntu 20.04.4 Focal Fossa LTS with arm64 on raspberry pi 4 2 2022-06-24 2022-08-17
Coordinate.TryParse doesn't honor EagerLoad provided when parsing from MGRS value. 3 2022-02-11 2022-10-05
COMO SOLUCIONO LA WALLET DE OASIS Q TENGO 1 2022-03-04 2022-07-14
getAccessToken causes [GSI_LOGGER-TOKEN_CLIENT]: Set token failed. Gapi.client.setToken undefined. 0 2022-07-14 2022-08-31
Console errors after updating to the 1.2.0 version 2 2022-06-22 2022-09-29
Finalize disposition of k8s deployment script enterprise-gateway.yaml 3 2022-06-22 2022-09-27
uniapp 项目使用unocss,安装了vscode插件,在vscode没有提示,但样式都是生效的。 5 2022-02-25 2022-10-04
Scoop autoupdate breaks because of tag mismatch 4 2021-12-15 2022-10-06
Parse Error when I try to install on firestick 2 2022-01-29 2022-10-02
Mailkit client use SecureSocketOptions 7 2019-07-01 2022-09-16
Fix bug with token alignment highlighting 4 2020-10-27 2022-09-19
Review and implement display of subproblems 0 2022-04-08 2022-10-06
Think about to fix the issues found by adapter checker 0 2022-02-07 2022-09-10
Error using Nextjs 3 2021-04-20 2022-01-09
TypedPropertyRector creates a ?mixed property 1 2022-06-01 2022-10-03
Upgrade Jetty to 9.4.36.v20210114 0 2021-02-15 2022-10-02
Why after run `pnpm add express`, the `mime-types` in the first level directoy of node_modules? 1 2022-04-05 2022-09-01
Check if Postgres can support some of the recently added capabilities 3 2020-11-19 2022-08-07
Possibility to bind admin rights to a shortcut or a profile 6 2022-03-02 2022-09-02
imdecode with 16bit grayscale jpeg returns 8bit images (png is fine) 2 2021-10-13 2022-09-26
Intl incompatibly interface for `register` functions when string mode is on 1 2021-08-03 2022-09-24
Incorrect Stats Output for some templates 0 2021-12-19 2022-10-01
Smart Home Interworking Use Case 0 2020-02-27 2022-09-07
"createvolume" needs to be tagged in AWS as CE 0 2021-09-03 2022-10-02
Blocked Services schedule 0 2021-02-17 2022-09-26
Missing `lang` attributes 0 2022-07-04 2022-09-17
llvm-hs question 1 2021-09-01 2022-01-13
Not able to submit quiz after selecting correct answer | Accessibility 1 2022-10-03 2022-09-28
can u just guide me after convert my model to onnx file how can i test recognition: what i should complete ? thanx 5 2021-07-23 2022-09-24
Keyboard shortcuts never trigger on Linux under X11 1 2022-07-27 2022-10-06
I'm getting an error on install [BUG] 2 2022-05-28 2022-09-04
Tooltip shows wrong warning 1 2022-07-22 2022-10-06
Question on stop state of the ego 1 2022-03-16 2022-05-03
Inconsistent results between helm and rendered `helm template` 0 2021-09-29 2022-10-04
firefox crashes with subwindow flickering 16 2022-05-17 2022-08-27
Warning: a recent release failed 0 2021-09-24 2022-08-30
Validating the model 2 2021-05-21 2022-09-24
Pins in RStudio Connect do not show all the metadata available 22 2022-04-11 2022-10-06
Can't add PPA under Ubuntu 17.04 3 2017-06-19 2022-10-02
ERROR: Error fetching remote repo 0 2019-06-21 2022-09-25
恢复训练时出现问题/there is an error when I resume training: local variable 'images' referenced before assignment 5 2021-10-18 2022-10-02
'Winget' command does not work 49 2021-05-26 2022-09-23
Variable validation of type number fails 3 2021-11-08 2022-10-02
help request: apisix gateway supports intranet access to all interfaces, and Internet HTTPS access to specified interfaces 5 2022-04-14 2022-09-15
'Pin' preferred card search & search without plural & right click to search 1 2019-08-30 2022-10-04
Expose validation rules 6 2022-05-19 2022-09-24
Support for custom tags in struct 7 2021-04-09 2022-09-14