make flatlist scrollable

This commit is contained in:
ammarahm-ed
2021-07-28 11:53:45 +05:00
parent c020bf2028
commit 582a9a6daf

View File

@@ -4,7 +4,7 @@ import {useMenuStore} from '../../provider/stores';
import { import {
eSubscribeEvent, eSubscribeEvent,
eUnSubscribeEvent, eUnSubscribeEvent,
ToastEvent, ToastEvent
} from '../../services/EventManager'; } from '../../services/EventManager';
import Navigation from '../../services/Navigation'; import Navigation from '../../services/Navigation';
import {db} from '../../utils/DB'; import {db} from '../../utils/DB';
@@ -16,6 +16,7 @@ import DialogContainer from '../Dialog/dialog-container';
import DialogHeader from '../Dialog/dialog-header'; import DialogHeader from '../Dialog/dialog-header';
import {updateEvent} from '../DialogManager/recievers'; import {updateEvent} from '../DialogManager/recievers';
import Input from '../Input'; import Input from '../Input';
import Seperator from '../Seperator';
import {Toast} from '../Toast'; import {Toast} from '../Toast';
export class AddTopicDialog extends React.Component { export class AddTopicDialog extends React.Component {
@@ -24,7 +25,7 @@ export class AddTopicDialog extends React.Component {
this.state = { this.state = {
visible: false, visible: false,
titleFocused: false, titleFocused: false,
loading: false, loading: false
}; };
this.title; this.title;
@@ -40,7 +41,7 @@ export class AddTopicDialog extends React.Component {
ToastEvent.show({ ToastEvent.show({
heading: 'Topic title is required', heading: 'Topic title is required',
type: 'error', type: 'error',
context: 'local', context: 'local'
}); });
this.setState({loading: false}); this.setState({loading: false});
return; return;
@@ -59,7 +60,7 @@ export class AddTopicDialog extends React.Component {
Navigation.setRoutesToUpdate([ Navigation.setRoutesToUpdate([
Navigation.routeNames.Notebooks, Navigation.routeNames.Notebooks,
Navigation.routeNames.Notebook, Navigation.routeNames.Notebook,
Navigation.routeNames.NotesPage, Navigation.routeNames.NotesPage
]); ]);
useMenuStore.getState().setMenuPins(); useMenuStore.getState().setMenuPins();
} catch (e) {} } catch (e) {}
@@ -86,7 +87,7 @@ export class AddTopicDialog extends React.Component {
} }
this.setState({ this.setState({
visible: true, visible: true
}); });
}; };
close = () => { close = () => {
@@ -95,7 +96,7 @@ export class AddTopicDialog extends React.Component {
this.notebook = null; this.notebook = null;
this.toEdit = null; this.toEdit = null;
this.setState({ this.setState({
visible: false, visible: false
}); });
}; };
@@ -121,7 +122,7 @@ export class AddTopicDialog extends React.Component {
: 'Add a new topic to ' + this.notebook.title : 'Add a new topic to ' + this.notebook.title
} }
/> />
<Seperator half />
<Input <Input
fwdRef={this.titleRef} fwdRef={this.titleRef}
onChangeText={value => { onChangeText={value => {