Suggestion: Modify ResponsiveStyleSheet to behave like Platform.select

[agenthunt]

From

    get style() {
        return ResponsiveStyleSheet.select([
        {
            query: { orientation: "landscape" },
            style: {
                btns: {
                    flexDirection: "row"
                },
                btn: {
                    flex: 1
                }
            }
        },
        {
            query: { orientation: "portrait" },
            style: {
                btns: {
                    alignSelf: "stretch"
                },
                btn: {
                    flex: 0
                }
            }
        }
        ]);
    }

to

    get style() {
        return {
            btns: {
               flexDirection: "row",
               ResponsiveStyleSheet.select([
                 {
                    query: { orientation: "landscape" }
                    style: {
                      alignSelf: 'stretch'
                    } 
                 }
            }
        }
    }

The benefit being, it can apply a set of base styles and then override based on MediaQuery match.

[wcandillon]

That makes a lot of sense, I will try to implement this.

[wcandillon]

Should be fixed now, let me know :)

[agenthunt]

Awesome. Thank you!!!

[JaEdmuva]

How is this working? can we please have a clearer example? This is nothing like what is documented.

[crutchcorn]

Closing in favor of #88, which suggests an API with the benefits of the Platform.select method proposed here.