Authored by 李犇

个人中心的titlebar使用原生view来实现(需实现毛玻璃效果)——review by 陈林

... ... @@ -85,52 +85,10 @@ export default class MineList extends React.Component {
dataSource={this.dataSource.cloneWithRows(dataSource)}
renderRow={this._renderRow}
renderHeader={this._renderHeader}
onScroll={(event) => {
ReactNative.NativeModules.YH_MineHelper.updateNavBarState(event.nativeEvent.contentOffset.y);
}}
/>
<View style={styles.top_bar}>
<TouchableOpacity onPress={() => this.props.onPressItem('mineSetting','')}>
<Image style={{
marginLeft: 15,
}} source={require('../../image/mine_setting_icon_n.png')}/>
</TouchableOpacity>
<Text style={{
flex: 1,
height: 20,
justifyContent: 'center',
alignItems: 'center',
textAlignVertical:'center',
textAlign:'center',
color: 'white',
fontSize:17,
}}>
我的
</Text>
<TouchableOpacity onPress={() => this.props.onPressItem('mineMessageHome','')}>
<Image style={{
marginRight: 15,
resizeMode:'contain',
}} source={require('../../image/home_message_center.png')}>
</Image>
</TouchableOpacity>
<Text style={{
position:'absolute',
right:3,
top:0,
alignItems: 'center',
justifyContent: 'center',
color: 'white',
fontSize:10,
textAlign: 'center',
textAlignVertical: 'center',
backgroundColor:'red',
paddingLeft:4,
paddingRight:4,
borderRadius: 10,
marginTop:2,
borderWidth: 0,
}}>
99
</Text>
</View>
</View>
);
}
... ...