diff --git a/CnBlogAndroid/App.js b/CnBlogAndroid/App.js index b2fc08f..6b6a5c5 100644 --- a/CnBlogAndroid/App.js +++ b/CnBlogAndroid/App.js @@ -489,6 +489,19 @@ const TabBar = (props) => { }, activeTintColor: global.theme.tabBarActiveTintColor, inactiveTintColor: global.theme.tabBarInactiveTintColor, + labelStyle: { + marginTop: 0, + fontSize: 10, + }, + iconStyle: { + marginTop: 10, + }, + tabStyle: { + height: height/13, + }, + indicatorStyle: { + height: 0, // 去掉指示线 + }, }, ); diff --git a/CnBlogAndroid/Source/screens/PersonalBlog.js b/CnBlogAndroid/Source/screens/PersonalBlog.js index ebffd67..2fae1b9 100644 --- a/CnBlogAndroid/Source/screens/PersonalBlog.js +++ b/CnBlogAndroid/Source/screens/PersonalBlog.js @@ -167,6 +167,12 @@ export default class PersonalBlog extends Component{ this._isMounted=false; } + _seperator = () => { + return ( + + ) + } + _renderItem = (item)=>{ let item1 = item; var Title = item1.item.Title; @@ -177,25 +183,25 @@ export default class PersonalBlog extends Component{ var CommentCount = item1.item.CommentCount; var Id = item1.item.key; return( - + this.props.navigation.navigate('BlogDetail', {Id:Id, blogApp: global.user_information.BlogApp, CommentCount: CommentCount, Url: Url, Title: Title, Description: Description,}) : ()=>{}} > {Title} - + {Description} - + {ViewCount+' 阅读'+' '+CommentCount+' 评论'} - + {'发布于: '+relativeTime(PostDate)} @@ -219,19 +225,20 @@ export default class PersonalBlog extends Component{ }) } return( - + {this.state.blogTitle} - + @@ -242,9 +249,6 @@ export default class PersonalBlog extends Component{ const styles = StyleSheet.create({ container: { flex: 1, - //justifyContent: 'center', - //alignItems: 'center', - backgroundColor: 'white', }, header:{ flexDirection: 'row', @@ -274,7 +278,6 @@ const styles = StyleSheet.create({ alignItems: 'flex-start', flex:1, alignSelf: 'stretch', - backgroundColor: 'white', paddingLeft: 0.03*screenWidth, paddingRight: 0.04*screenWidth, } diff --git a/CnBlogAndroid/Source/styles/styles.js b/CnBlogAndroid/Source/styles/styles.js index 22ef842..66bf916 100644 --- a/CnBlogAndroid/Source/styles/styles.js +++ b/CnBlogAndroid/Source/styles/styles.js @@ -22,20 +22,21 @@ export const flatStyles = StyleSheet.create({ separatorStyle:{ height:1, justifyContent:'center', - backgroundColor:'#dcdcdc' + marginLeft: 15, + marginRight: 0, + backgroundColor:'#dcdcdc', }, /* 列表项的样式。公告、博文等列表可使用此样式。具体的使用方法: 对每个列表项,例如_renderItem()函数中的最顶层View应用此样式。*/ cell:{ flex: 1, - backgroundColor: 'white', padding: 8, marginLeft: 5, marginRight: 5, marginVertical: 3, borderColor: '#dddddd', borderStyle: null, - borderWidth: 0.5, + //borderWidth: 0.5, borderRadius: 2, }, }) diff --git a/CnBlogAndroid/Source/styles/theme-context.js b/CnBlogAndroid/Source/styles/theme-context.js index 74b2182..8007e8f 100644 --- a/CnBlogAndroid/Source/styles/theme-context.js +++ b/CnBlogAndroid/Source/styles/theme-context.js @@ -17,6 +17,7 @@ export const themes = { addTextColor: '#FFF', settingsSeperatorColor: '#DDD', + flatListSeperatorColor: '#DDD', // 设置页面的黑暗模式 darkModeIconBackgroundColor: '#0079FF', @@ -37,7 +38,7 @@ export const themes = { buttonColor: '#3A3A3A', buttonBorderColor: '#FFCC00', selectionColor: '#555555', - seperatorColor: '#DADADA', + seperatorColor: '#262626', // 与背景颜色相同,相当于隐藏分隔线 tabBarActiveTintColor: '#FFCC00', tabBarInactiveTintColor: '#DDD', // 需要调整 addBackgroundColor: '#FFCC00', @@ -45,6 +46,7 @@ export const themes = { addTextColor: '#444', settingsSeperatorColor: '#666', + flatListSeperatorColor: '#666', darkModeIconBackgroundColor: '#CC9900', darkModeIconTintColor: '#DADADA', recvPushIconBackgroundColor: '#0B8A8C',