authorScreen created container enhanced and move style to folder added esstylesheet

This commit is contained in:
ue 2018-09-25 22:41:08 +03:00
parent d9933cdb18
commit 3f38121f23
6 changed files with 69 additions and 58 deletions

View File

@ -0,0 +1,27 @@
import React, { Component } from "react";
// Constants
// Components
import { AuthorScreen } from "../";
/*
* Props Name Description Value
*@props --> props name here description here Value Type Here
*
*/
class AuthorContainer extends Component {
constructor(props) {
super(props);
this.state = {};
}
// Component Life Cycles
// Component Functions
render() {
return <AuthorScreen {...this.props} />;
}
}
export default AuthorContainer;

View File

@ -0,0 +1,5 @@
import AuthorScreen from "./screen/authorScreen";
import Author from "./container/authorContainer";
export { AuthorScreen, Author };
export default Author;

View File

@ -1,38 +1,35 @@
import React from "react"; import React, { Component } from "react";
import { import { FlatList, ActivityIndicator, BackHandler } from "react-native";
StatusBar,
Dimensions, // External Components
FlatList,
ActivityIndicator,
BackHandler,
} from "react-native";
import { import {
Container, Container,
Card, Card,
CardItem, CardItem,
Header,
Left,
Body, Body,
Right,
Button, Button,
Icon, Icon,
Title,
Content,
Text, Text,
View, View,
} from "native-base"; } from "native-base";
import ScrollableTabView from "@esteemapp/react-native-scrollable-tab-view"; import ScrollableTabView from "@esteemapp/react-native-scrollable-tab-view";
import CustomTabBar from "../home/customTab";
import PostCard from "../../components/post-card/postCard";
import Comment from "../../components/comment/comment";
import moment from "moment";
import FastImage from "react-native-fast-image";
//import Icon from "react-native-vector-icons/FontAwesome";
import { Navigation } from "react-native-navigation"; import { Navigation } from "react-native-navigation";
import FastImage from "react-native-fast-image";
import Theme, { createThemedComponent } from "react-native-theming"; // Internal Components
import styles from "../../styles/author.styles"; import CustomTabBar from "../../home/customTab";
import themes from "../../styles/themes"; import PostCard from "../../../components/post-card/postCard";
import Comment from "../../../components/comment/comment";
// TODO: Make utils for all using moment.
import moment from "moment";
//import Icon from "react-native-vector-icons/FontAwesome";
// Styles
import styles from "./authorStyles";
//import themes from "../../styles/themes";
import { import {
followUser, followUser,
unfollowUser, unfollowUser,
@ -40,15 +37,12 @@ import {
getPosts, getPosts,
getUserComments, getUserComments,
getUser, getUser,
getFollowers,
isFolllowing, isFolllowing,
} from "../../providers/steem/dsteem"; } from "../../../providers/steem/dsteem";
import { getAuthStatus, getUserData } from "../../realm/realm"; import { getAuthStatus, getUserData } from "../../../realm/realm";
import { decryptKey } from "../../utils/crypto"; import { decryptKey } from "../../../utils/crypto";
const Bar = createThemedComponent(StatusBar, ["barStyle", "backgroundColor"]); class AuthorScreen extends Component {
class AuthorPage extends React.Component {
static get options() { static get options() {
return { return {
_statusBar: { _statusBar: {
@ -61,7 +55,7 @@ class AuthorPage extends React.Component {
drawBehind: false, drawBehind: false,
leftButtons: { leftButtons: {
id: "back", id: "back",
icon: require("../../assets/back.png"), icon: require("../../../assets/back.png"),
}, },
}, },
layout: { layout: {
@ -546,4 +540,4 @@ class AuthorPage extends React.Component {
} }
} }
export default AuthorPage; export default AuthorScreen;

View File

@ -1,7 +1,7 @@
import { createStyle } from "react-native-theming"; import EStyleSheet from "react-native-extended-stylesheet";
import { StatusBar, Dimensions } from "react-native"; import { StatusBar } from "react-native";
const styles = createStyle({ export default EStyleSheet.create({
container: { container: {
flex: 1, flex: 1,
top: StatusBar.currentHeight, top: StatusBar.currentHeight,
@ -10,7 +10,7 @@ const styles = createStyle({
backgroundColor: "#f9f9f9", backgroundColor: "#f9f9f9",
}, },
cover: { cover: {
width: Dimensions.get("window").width, width: "$deviceWidth",
height: 160, height: 160,
}, },
avatar: { avatar: {
@ -45,8 +45,6 @@ const styles = createStyle({
flex: 1, flex: 1,
paddingHorizontal: 7, paddingHorizontal: 7,
backgroundColor: "#f9f9f9", backgroundColor: "#f9f9f9",
minWidth: Dimensions.get("window").width / 1, minWidth: "$deviceWidth",
}, },
}); });
export default styles;

View File

@ -11,7 +11,7 @@ import Hot from "./home/hot";
import Feed from "./home/feed"; import Feed from "./home/feed";
import { SinglePost } from "./singlePost"; import { SinglePost } from "./singlePost";
import { Profile } from "./profile"; import { Profile } from "./profile";
import Author from "./author-profile/author"; import { Author } from "./authorProfile";
import Login from "./login/login"; import Login from "./login/login";
import Wallet from "./wallet/wallet"; import Wallet from "./wallet/wallet";
import Editor from "./editor/editor"; import Editor from "./editor/editor";

View File

@ -1,20 +1,7 @@
import React from "react"; import React, { Component } from "react";
import { StatusBar, Text, Picker, View } from "react-native"; import { Text, Picker, View } from "react-native";
import Slider from "react-native-slider"; import Slider from "react-native-slider";
import { import { Container, Button, Content, Card, Input } from "native-base";
Container,
Header,
Left,
Body,
Right,
Button,
Icon,
Title,
Content,
Card,
Input,
Form,
} from "native-base";
import { getUserData, getAuthStatus } from "../../realm/realm"; import { getUserData, getAuthStatus } from "../../realm/realm";
import { import {
getUser, getUser,
@ -26,7 +13,7 @@ import {
} from "../../providers/steem/dsteem"; } from "../../providers/steem/dsteem";
import { decryptKey } from "../../utils/crypto"; import { decryptKey } from "../../utils/crypto";
class WalletPage extends React.Component { class WalletPage extends Component {
constructor(props) { constructor(props) {
super(props); super(props);