настройка заголовка реагировать на родной - PullRequest
Новая
       14

настройка заголовка реагировать на родной

0 голосов
/ 26 октября 2018

Я работаю над react native. Это мой первый день. Я хочу разработать заголовок. Я добавил заголовок в файл app.js следующим образом. 

export default class App extends Component {
render() {
return (
  <View>
    <Header headerText="About us"/>
  <View style={styles.container}>
    <Text style={styles.welcome}>Welcome to React Native!</Text>
    <Text style={styles.instructions}>To get started, edit App.js</Text>
    <Text style={styles.instructions}>{instructions}</Text>
  </View>
  </View>
);
 }

И я создал отдельный файл header.js класса следующим образом: 

const Header = (props) => {
    const { textStyle, viewStyle } = styles;
    return (
        <View style={viewStyle}>
        <Text style={textStyle}>{props.headerText}</Text>
        <Image source={require('./image.png')} style={{height:24, width:24}}/>
        </View>
        );
};

const styles = {
    viewStyle: {
        backgroundColor: '#a01b1b',
        height: 66,
        justifyContent: 'center',

        alignItems:'center',
        shadowColor: '#000',
        shadowOffset: { width: 0, height: 2 },
        shadowOpacity: 0.9,
        elevation: 2,
        position: 'relative',
        paddingTop: Platform.OS === 'ios' ? 25 : 0,
    },
    textStyle: {
        fontSize: 20,

        padding:10
    },

};

Но я не получаю заголовок.

1 Ответ

0 голосов
/ 26 октября 2018

Импорт header.js вверху файла app.js. 

import Header from './header';

Добавьте правильный путь к './header' в приведенном выше импорте.

Экспорт файла 'header.js' внизу header.js. 

export default header;
...