Настройка заголовка react native

Работаю над 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 класса sperate следующим образом:


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
    },

};

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

0
0
38
1

Ответы 1

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

import Header from './header';

Add the correct path to './header' in above import.

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

export default header;

да, я уже делал это в app.js, а также в header.js

shabnam singh 26.10.2018 13:38

У меня это сработало. Я проверил ваш код на своем устройстве с необходимым импортом.

Chathurika Senani 26.10.2018 14:09

Я получаю эту ошибку, вызывающую cmd.exe ENOENT в _errnoException (util.js: 992: 11) в Process.ChildProcess._handle.onexit (internal / child_process.js: 190: 19) в onErrorNT (internal / child_process.js: 372: 16) в _combinedTickCallback (internal / process / next_tick.js: 138: 11) в process._tickCallback (internal / process / next_tick.js: 180: 9)

shabnam singh 29.10.2018 04:43

Другие вопросы по теме