更新由以下对象管理的视图的属性'accessibilityLabel'时出错：RCTView TypeError：预期的动态类型为'string'，但类型为'object'

Question

我想用堆栈和标签导航器创建一些屏幕，但似乎不起作用，它在虚拟设备上收到类似此错误的错误消息...

这是因为导航还是什么？

这是我的代码

ConfirmActivation.js

import React, { Component } from 'react';
import { StyleSheet, Image } from 'react-native';
import { Container, Header, Content, Left, Right, Body, Text, StyleProvider, 
Form, Item, Input, Label, Button, View } from 'native-base';
import { StackNavigator } from 'react-navigation';
import Icon from 'react-native-vector-icons/FontAwesome';
import getTheme from '../../../native-base-theme/components';
import material from '../../../native-base-theme/variables/material';

import Index from '../tabs/Index';

export default class sharpcs extends React.Component {
    static navigationOptions = {
        title: <Image source={require('../../assets/img/sharp_logo.png')} style={{width: 200, height: 50}} />,
        header: null
    }
  render() {
    return (
        <AppNavigation/>
    );
  }
}

class ConfirmActivation extends Component{
    static navigationOptions = {
        title: <Image source={require('../../assets/img/sharp_logo.png')} style={{width: 200, height: 50}} />,
        header: null
    }
  render() {
    const { navigate } = this.props.navigation;
    return (
    <StyleProvider style={getTheme(material)}>
        <Container style={styles.container} >
            <Form style={styles.form} >
                <Item floatingLabel>
                    <Label>Masukkan kode verifikasi</Label>
                    <Input keyboardType = 'numeric' maxLength = {13} />
                </Item>
                <View style={styles.buttonContainer} >
                    <Button 
                        onPress={() =>
                            navigate('MainScreen')
                        } success style={{width: 125}} >
                        <Label style={{color: '#FFF', marginLeft: 24}} >
                            Lanjut
                        </Label>
                    </Button>
                </View>
            </Form>
        </Container>
    </StyleProvider>
    );
  }
}

const App = StackNavigator({
  ThisScreen: { screen: ConfirmActivation },
  MainScreen: { screen: Index }
});

const AppNavigation = () => (
  <App />
);

const styles = StyleSheet.create({
form: {
    flex: 2,
    flexDirection: 'column',
    justifyContent: 'center',
    alignItems: 'center'
},
container: {
    padding: 20
},
buttonContainer: {
    marginTop: 20,
    flexDirection: 'row',
    alignSelf: 'flex-end'
}
});

Index.js

import React, { Component } from 'react';

export default class Index extends React.Component {
  render() {
    return null;
  }
}

Answer 1

错误的原因是Sharpcs类中navigationOptions中的标题。 它需要一个字符串。 您已为其提供了图像组件。 虽然出现了图像，但导航时出现此错误。 因此使用headerTitle代替标题