Taro 函数式组件配置页面参数

原来类组件的写法:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
export default class Index extends Component {
config = {
navigationBarTitleText: '首页',
navigationBarBackgroundColor: '#ffffff',
backgroundColor: '#eeeeee',
navigationBarTextStyle: 'black',
backgroundTextStyle: 'light'
}

render () {
return (
<View className='index'>
</View>
)
}
}

如果是函数式组件需要换种写法:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
function Index() {
return (
<View className='index'>
<Text>1</Text>
</View>
)
}

Index.config = {
navigationBarTitleText: '首页',
navigationBarBackgroundColor: '#ffffff',
backgroundColor: '#eeeeee',
navigationBarTextStyle: 'black',
backgroundTextStyle: 'light'
}

export default Index