reagent react-native animation example

reagent-animated-example.cljs

;; very simple example on how to use Animated with reagent
;; https://facebook.github.io/react-native/docs/animations.html

(def animated (.-Animated js/React))
(def animated-value (.-Value animated))
(def animated-view (r/adapt-react-class (.-View animated)))

(defn bounce []
  (let [bounce-value (new animated-value 0)]
    (.setValue bounce-value 1.5)
    (-> bounce-value
        (animated.spring #js {:toValue 0.8 :friction 1})
        (.start))
    (fn [] [animated-view
            {:style {:flex 1
                     :transform [{:scale bounce-value}]
                     :backgroundColor "red"
                     :borderRadius 10
                     :margin 15
                     :shadowColor "#000000"
                     :shadowOpacity 0.7
                     :shadowRadius 2
                     :shadowOffset {:height 1 :width 0}}}
            [text {} "This is a test"]] )))

As it turns out, using create-class is not necessary for animation.