I use react native, and react-native-router-flux for navigation
when I want to move screen, an error appears "currentlyFocusedField is deprecated and will be removed in a future release. Use currentlyFocusedInput"
but the screen still moved with the error
how do i fix it
this is my router
import 'react-native-gesture-handler';
import React, { Component } from 'react';
import {
Router,
Scene,
Stack,
} from 'react-native-router-flux';
import Loading from '../screens/Loading';
import Welcome from '../screens/Welcome';
import Register from '../screens/Auth/Register';
export default class RouterLinked extends Component {
render() {
return (
<Router>
<Stack key="root" type="replace">
<Scene key="Welcome" component={Welcome} initial={true} hideNavBar={true}/>
<Scene key="Register" component={Register} title="Register" />
<Scene key="Loading" component={Loading} />
</Stack>
</Router>
);
}
}
and this is my home page
import React, { Component } from 'react';
import { View, Button, Text } from 'react-native';
import { Actions } from 'react-native-router-flux';
export default class Welcome extends Component {
render() {
return(
<View>
<Text>Welcome</Text>
<Button
title="Click"
onPress={() => Actions.push('Register')}
/>
</View>
);
}
}
I have the same issue. I fixed this issue by the following steps.
@react-navigation
package form the node_modules
folder.Replace all currentlyFocusedField()
with currentlyFocusedInput()
.
Reload your application.
That's all. Thanks.
This is a issue related to react-navigation package
The fix might just require find & replace all instances of currentlyFocusedField
with currentlyFocusedInput
Probably this was fixed through this commit: Github commit although I still get the error at my end.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With