actually, can't seem to get luno running

anyone know of any other example apps that work on android?

@frank: I am the developer of Luno, and I will try to check it today

@alwx: it seems to have something to do with https://github.com/alwx/luno-react-native/issues/12

@frank: cool, thanks! @alwx - I’m very confused about making custom components. Reagent says to do it a certain way, but that doesn’t seem to work. In Luno, you pass a “wrapper function” in from the top level down to your components. Why? Why doesn’t reagent’s recommended method work?

Hmm… and it looks like your scenes are the same as reagents recommendation: a function returning a vector, called as a vector.

@seanhess the standard reagent method works when using RN.

I see from your example that you are adding a [text] directly to [touchable-highlight]

I have found that the RN components are sometimes very specific about what you can add to the native components

I would try to add a [view] to [touchable-highlight] first, then add [text] to that

[touchable-highlight [view [text "bob"]]]

@andre.richards: I’ll try that. But I copied what I have from the template. It has a text right inside the touchable-highlight. The only thing I did was try to move that text into another function / component. But otherwise it’s the lein template unchanged. See https://github.com/drapanjanas/re-natal/blob/master/resources/cljs-reagent/core.cljs

Yeah, I just tried it out, and they I showed it above does indeed work....

But if returning it from function it doesn't...

Give me a few minutes to try something

thank you so much!

interesting… This works:

(defn box [] [view {:style {:width 80 :height 80 :background-color "red"}}])

[box] [touchable-highlight …]

It looks like it’s failing because it’s inside the touchable-highlight, like you suggested

Yeah, so I not exactly sure the reason for this, but you are correct - as per your example, this is the error that gets written to console: 2016-04-14 17:16:56.349 [warn][tid:com.facebook.React.JavaScript] { [Invariant Violation: Touchable child must either be native or forward setNativeProps to a native component] line: 2307, column: 16, sourceURL: 'http://localhost:8081/index.ios.bundle?platform=ios&dev=true', name: 'Invariant Violation', framesToPop: 1 }

Yeah. I’m getting that too

Basically, this is how I ended up doing it (looking at some code from a couple of weeks ago): (defn press-me-label [name] [ touchable-highlight [text {:style {:color "white" :text-align "center" :font-weight "bold"}} (str "press me: " name)]])

Then you can do: [press-me-label "bob"] wherever you need the label

So I guess the problem is that reagent components are not forwarding setNativeProps?

Sounds possible, yes. Presumably, [view] and [text] do not have NativeProps, so not an issue for them?

(I'm also still pretty new to this :)

Or maybe touchable-highlight forwards them automatically, since it’s a react class. But if you put a component between touchable-highlight and text...

It’s forwarding the function to your in between component, which isn’t forwarding it in turn

I wonder if reagent would take a bug report

I think they would

Done: https://github.com/reagent-project/reagent/issues/232

Thank you so much for your help @andre.richards, it’s hard to identify a bug when I’m new to everything, and assume I’m just doing it wrong

No worries, thanks for bug report. Also still feeling my way around, so know how you feel 👍