Fix material context access

Author: bc022699

package.json

@@ -1,6 +1,6 @@
 {
   "name": "framework7-react",
-  "version": "0.8.2-beta-3",
+  "version": "0.8.2-beta-4",
   "description": "A React version of Framework7",
   "main": "dist/framework7-react/index.js",
   "typings": "dist/framework7-react/index.d.ts",

src/components/Framework7App.tsx

@@ -88,7 +88,10 @@ export class Framework7App extends React.Component<IFramework7AppProps, Framewor
     }
 
     private initFramework7() {
-        this.framework7 = new Framework7(this.props);
+        this.framework7 = new Framework7({
+            material: this.props.themeType === 'material',
+            ...this.props
+        });
 
         const router = this.router = new Framework7Router(this.props.routes, this.framework7, Dom7);    
 

src/utils/ReactifyF7Vue.ts

@@ -75,13 +75,12 @@ export const reactifyF7Vue = <TProps>(args: IReactifyF7VueArgs) => {
 
         render: function() {
             const props = this.props;
-
+            const framework7AppContext = (this.context as any).framework7AppContext as IFramework7AppContext;
+            
             const innerEl = React.createElement(innerComponent, {
                 ...props,
-                $theme: { material: false, ios: true },
+                $theme: framework7AppContext.theme,
                 __onMount: (self) => {
-                    const framework7AppContext = (this.context as any).framework7AppContext as IFramework7AppContext;
-
                     framework7AppContext.getFramework7(f7 => {
                         if (self.vueComponent.onF7Init) {
                             self.vueComponent.onF7Init(f7);