@bee.js/react-native
Advanced tools
Comparing version 0.0.1 to 0.0.2
import React, { useState, useEffect } from 'react' | ||
import { Animated } from 'react-native' | ||
export function AnimatedView(props) { | ||
export function AnimatedView({ children, styles }) { | ||
const [offset] = useState(new Animated.ValueXY({x: 0, y: 80})) | ||
const [opacity] = useState(new Animated.Value(0)) | ||
const [offset] = useState(new Animated.ValueXY({x: 0, y: 80})) | ||
const [opacity] = useState(new Animated.Value(0)) | ||
let defaultStyle = { | ||
let defaultStyle = { //TODO | ||
animated: { | ||
@@ -20,12 +20,9 @@ spring: {} | ||
.start(); | ||
navigation.addListener('focus', ()=> init()) | ||
}, [navigation]) | ||
return ( | ||
<Animated.View style={[styles.container, {opacity: opacity,transform: [ {translateY: offset.y} ]}]}> | ||
</Animated.View> | ||
) | ||
}, []) | ||
return <Animated.View style={[styles.container, {opacity: opacity,transform: [ {translateY: offset.y} ]}]}> | ||
{children} | ||
</Animated.View> | ||
} |
import React from 'react' | ||
import { View } from 'react-native' | ||
import { Text } from 'react-native' | ||
import DropDownPicker from 'react-native-dropdown-picker' | ||
@@ -4,0 +4,0 @@ |
@@ -1,5 +0,3 @@ | ||
const { default: DropDown } = require("./DropDown"); | ||
export { Animated } from './AnimatedView' | ||
export { AnimatedView } from './AnimatedView' | ||
export { DropDown } from './DropDown' | ||
export { Input } from './Input' |
import BeeForm from './BeeForm' | ||
import validDataModel from './validDataModel' | ||
import { AnimatedView } from './components' | ||
@@ -7,2 +8,3 @@ export { | ||
validDataModel, | ||
AnimatedView, | ||
} |
{ | ||
"name": "@bee.js/react-native", | ||
"version": "0.0.1", | ||
"version": "0.0.2", | ||
"description": "Bee.js front-end for React Native", | ||
@@ -5,0 +5,0 @@ "main": "index.js", |
11782
245