Page Menu
Home
Phorge
Search
Configure Global Search
Log In
Files
F32768877
styles.js
No One
Temporary
Actions
Download File
Edit File
Delete File
View Transforms
Subscribe
Flag For Later
Award Token
Size
2 KB
Referenced Files
None
Subscribers
None
styles.js
View Options
// @flow
import
*
as
React
from
'react'
;
import
{
View
,
Text
,
Image
}
from
'react-native'
;
import
Animated
,
{
type
ReanimatedAnimationBuilder
,
type
EntryAnimationFunction
,
type
ExitAnimationFunction
,
type
SharedValue
,
}
from
'react-native-reanimated'
;
import
type
{
ViewStyleObj
}
from
'./react-native.js'
;
type
ViewProps
=
React
.
ElementConfig
<
typeof
View
>
;
export
type
ViewStyle
=
$PropertyType
<
ViewProps
,
'style'
>
;
type
TextProps
=
React
.
ElementConfig
<
typeof
Text
>
;
export
type
TextStyle
=
$PropertyType
<
TextProps
,
'style'
>
;
type
ImageProps
=
React
.
ElementConfig
<
typeof
Image
>
;
export
type
ImageStyle
=
$PropertyType
<
ImageProps
,
'style'
>
;
type
Value
=
?
number
|
Animated
.
Node
|
SharedValue
<
number
>
;
export
type
ReanimatedTransform
=
{
+
scale
?:
Value
,
+
translateX
?:
Value
,
+
translateY
?:
Value
,
...
};
export
type
WritableAnimatedStyleObj
=
{
...
ViewStyleObj
,
opacity
?:
Value
,
height
?:
Value
,
width
?:
Value
,
marginTop
?:
Value
,
marginRight
?:
Value
,
marginLeft
?:
Value
,
backgroundColor
?:
?
string
|
Animated
.
Node
|
SharedValue
<
string
>
,
bottom
?:
Value
,
transform
?:
$ReadOnlyArray
<
ReanimatedTransform
>
,
...
};
export
type
AnimatedStyleObj
=
$ReadOnly
<
WritableAnimatedStyleObj
>
;
export
type
AnimatedViewStyle
=
|
AnimatedStyleObj
|
$ReadOnlyArray
<
ViewStyle
|
AnimatedStyleObj
>
;
const
AnimatedView
:
React
.
ComponentType
<
{
...
$Diff
<
ViewProps
,
{
style
:
ViewStyle
}
>
,
+
style
:
AnimatedViewStyle
,
+
entering
?:
ReanimatedAnimationBuilder
|
EntryAnimationFunction
|
Keyframe
,
+
exiting
?:
ReanimatedAnimationBuilder
|
ExitAnimationFunction
|
Keyframe
,
}
>
=
Animated
.
View
;
export
type
AnimatedTextStyle
=
|
AnimatedStyleObj
|
$ReadOnlyArray
<
TextStyle
|
AnimatedStyleObj
>
;
const
AnimatedText
:
React
.
ComponentType
<
{
...
$Diff
<
TextProps
,
{
style
:
TextStyle
}
>
,
+
style
:
AnimatedTextStyle
,
}
>
=
Animated
.
Text
;
export
type
AnimatedImageStyle
=
|
AnimatedStyleObj
|
$ReadOnlyArray
<
ImageStyle
|
AnimatedStyleObj
>
;
const
AnimatedImage
:
React
.
ComponentType
<
{
...
$Diff
<
ImageProps
,
{
style
:
ImageStyle
}
>
,
+
style
:
AnimatedImageStyle
,
}
>
=
Animated
.
Image
;
export
{
AnimatedView
,
AnimatedText
,
AnimatedImage
};
File Metadata
Details
Attached
Mime Type
text/x-java
Expires
Fri, Jan 9, 1:14 PM (1 h, 49 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
5878839
Default Alt Text
styles.js (2 KB)
Attached To
Mode
rCOMM Comm
Attached
Detach File
Event Timeline
Log In to Comment