Как указывать маршруты внутри вкладок реагирования на материал?

Question

Привет, я пытаюсь дать вкладки в своем проекте. Для этого я следую этому документу Но я не знаю, как дать маршруты в подпорках предметов в MaterialTabs.Я используюreact-native router-flux для навигации Ниже приведен код, который я до сих пор пробовал. Но я получаю эту ошибку undefined is not an object evaluating content.props.style. Пожалуйста, помогите. Я застрял в течение нескольких дней. Спасибо!

код

const routes = [
    {
        name: "Courses",
        key: "courses"
    },
    {
        name: "TestSeries",
        key: "testSeries"
    },
    {
        name: "Video",
        key: "video"
    }
]
...
...
<SafeAreaView style={{ flex: 1 }}>
    <MaterialTabs
        items={[routes]}
        selectedIndex={this.state.selectedTab}
        onChange={this.setTab}
        barColor="#fff"
        indicatorColor="#af2d19"
        activeTextColor="#000"
    />
</SafeAreaView>