原因
在使用react-navigation設置標題欄的標題過程中發(fā)現(xiàn)肢专,在iphone上標題欄的標題為居中狀態(tài)晃洒,而在Android上則是居左對齊人灼。當有headerLeft或者headerRight設置后坐昙,中間的標題會根據剩余的空間居中顯示鳖擒。所以需要我們修改源碼溉浙,進行適配。
修改源碼
- 【node_modules -- react-navigation -- src -- views -- Header.js】的326行代碼處蒋荚,修改為如下:
title: {
bottom: 0,
left: TITLE_OFFSET,
right: TITLE_OFFSET,
top: 0,
position: 'absolute',
alignItems: 'center',
- 注釋掉170行的內容
// if (Platform.OS === 'android') {
// if (!options.hasLeftComponent) {
// style.left = 0;
// }
// if (!options.hasRightComponent) {
// style.right = 0;
// }
// } }