私はReduxを学びたいので、カウンタ、todosのような簡単なアプリケーションの例を読んでいます。私はReduxを使って練習するだけの簡単なアプリを始めるので、私の最初の目標はHeaderのアイコンをクリックしてModal with Infoページを開くことです。show/close React NativeとReduxを使用したモーダル
今私は完全に混乱しています。誰かにModalの開閉の例がありますか?あるいは、私が何をすべきか、どのような行動、減速者、そしてどのようにModalコンポーネントが状態を取得するべきかを教えてください。ここで
あなたが減速を記述する必要がターゲットアイコンとの将来のアプリのためだけの定型
import React, { Component } from 'react';
import { Content, Container } from 'native-base';
import Header1 from '../components/Header.js';
import ModalInfo from './ModalInfo.js';
export default class MainContainer extends Component {
render() {
return (
<Container>
<ModalInfo />
<Header1
onPress1={() => {
}}
/>
<Content />
</Container>
);
}
}
Header1.js
import React, { Component } from 'react';
import { Header, Left, Body, Right, Title, Icon, Button, H3 } from 'native-base';
export default class Header1 extends Component {
render() {
return (
<Header backgroundColor='darkslateblue'>
<Left>
<Button
transparent
onPress={
}
>
<Icon name='md-help-circle' />
</Button>
</Left>
<Body>
<Title />
</Body>
<Right />
</Header>
);
}
}
ModalInfo.js
import React, { Component } from 'react';
import { Modal, Text, View, TouchableHighlight } from 'react-native';
export default class ModalInfo extends Component {
render() {
return (
<Modal>
</Modal>
);
}
}