From f5b59ace610ac1bed3978b644b2ee254fb6adcd9 Mon Sep 17 00:00:00 2001 From: Artur Yorsh Date: Fri, 5 Oct 2018 16:40:53 +0300 Subject: [PATCH] chore(tab-set): initial setup --- example/App.js | 3 ++- example/screens/ComponentsScreen.js | 3 +++ example/screens/TabSetScreen.js | 28 +++++++++++++++++++++ example/screens/index.js | 1 + index.js | 1 + src/components/tabset/rkTabSet.component.js | 15 +++++++++++ 6 files changed, 50 insertions(+), 1 deletion(-) create mode 100644 example/screens/TabSetScreen.js create mode 100644 src/components/tabset/rkTabSet.component.js diff --git a/example/App.js b/example/App.js index 9fbb47ab0..d268569d3 100644 --- a/example/App.js +++ b/example/App.js @@ -15,7 +15,7 @@ import { bootstrap } from './style/themeBootstrapper'; bootstrap(); const ExplorerApp = StackNavigator({ - Home: { screen: Screens.ComponentsScreen }, + Home: { screen: Screens.TabSetScreen }, Picker: { screen: Screens.PickerScreen }, Button: { screen: Screens.ButtonScreen }, Calendars: { screen: Screens.CalendarScreen }, @@ -27,6 +27,7 @@ const ExplorerApp = StackNavigator({ Switch: { screen: Screens.SwitchScreen }, Choice: { screen: Screens.ChoiceScreen }, Tab: { screen: Screens.TabScreen }, + TabSet: { screen: Screens.TabSetScreen }, Card: { screen: Screens.CardScreen }, Avatar: { screen: Screens.AvatarScreen }, Input: { screen: Screens.InputScreen }, diff --git a/example/screens/ComponentsScreen.js b/example/screens/ComponentsScreen.js index 8e7e135da..f225a4908 100644 --- a/example/screens/ComponentsScreen.js +++ b/example/screens/ComponentsScreen.js @@ -51,6 +51,9 @@ export class ComponentsScreen extends React.Component { }, { title: 'Tab View', route: 'Tab', + }, { + title: 'Tab Set', + route: 'TabSet', }, { title: 'Custom Control View', route: 'Avatar', diff --git a/example/screens/TabSetScreen.js b/example/screens/TabSetScreen.js new file mode 100644 index 000000000..6c8e39262 --- /dev/null +++ b/example/screens/TabSetScreen.js @@ -0,0 +1,28 @@ +import React from 'react'; +import { View } from 'react-native'; +import { + RkTabSet, + RkStyleSheet, +} from 'react-native-ui-kitten'; + +export class TabSetScreen extends React.Component { + static navigationOptions = { + title: 'Tab Set', + }; + static propTypes = {}; + + render() { + return ( + + + + ); + } +} + +const styles = RkStyleSheet.create(theme => ({ + container: { + flex: 1, + backgroundColor: theme.colors.background, + }, +})); diff --git a/example/screens/index.js b/example/screens/index.js index c149aa7ae..e18d3e496 100644 --- a/example/screens/index.js +++ b/example/screens/index.js @@ -13,6 +13,7 @@ export * from './ImageScreen'; export * from './GalleryScreen'; export * from './InputScreen'; export * from './TabScreen'; +export * from './TabSetScreen'; export * from './SettingsScreen'; export * from './ChoiceCustomizationScreen'; export * from './PickerScreen'; diff --git a/index.js b/index.js index ed434254f..11491ad98 100644 --- a/index.js +++ b/index.js @@ -8,6 +8,7 @@ export { RkGallery } from './src/components/gallery/rkGallery'; export { RkGalleryImage } from './src/components/gallery/rkGalleryImage'; export { RkCalendar } from './src/components/calendar/rkCalendar.component'; export { RkTabView } from './src/components/tab/rkTabView'; +export { RkTabSet } from './src/components/tabset/rkTabSet.component'; export { RkCard } from './src/components/card/rkCard'; export { RkAvoidKeyboard } from './src/components/avoidKeyboard/rkAvoidKeyboard'; export { RkComponent } from './src/components/rkComponent'; diff --git a/src/components/tabset/rkTabSet.component.js b/src/components/tabset/rkTabSet.component.js new file mode 100644 index 000000000..455eab31e --- /dev/null +++ b/src/components/tabset/rkTabSet.component.js @@ -0,0 +1,15 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import { View } from 'react-native'; + +export class RkTabSet extends React.Component { + static propTypes = {}; + + render() { + return ( + + + + ); + } +} \ No newline at end of file