2016-08-03 10 views
0

Ich habe seit einer ganzen Weile überprüft & Ich sehe Leute, die vorschlugen, die "Popover" -Komponente des Onsen zu verwenden, aber ich suche nicht nach sowas.Dropdown in Reaktion, die mit Onsen geht?

Nur ein reaktionsfähiges Dropdown, das gut zu Onsen & nativen Apps passt. Wie vielleicht ein Dropdown mit einem glatten Slide-Down-Effekt, wenn Sie auf einen Listeneintrag klicken.

Hat jemand eine gute Lösung dafür gefunden?

Antwort

0

Persönlich bin ich mir nicht sicher, warum Sie die Popover-Lösung nicht mögen.

Meiner Meinung nach wäre das wohl eleganteste das Erstellen einer eigenen Reaktionskomponente, die das Popover in seiner Logik verwenden kann.

Ich bin nicht sehr in diesem Augenblick reagieren, aber ich denke, Sie wollen etwas wie react-selectize

var SimpleSelect = require("react-selectize").SimpleSelect; 

var Menu = React.createClass({ 
    render: function(){ 
     var options = ["apple", "mango", "grapes", "melon", "strawberry"].map(function(fruit){ 
      return {label: fruit, value: fruit}; 
     }); 
     return <SimpleSelect options = {options} placeholder = "Select a fruit" transitionEnter = {true} transitionExit = {true}></SimpleSelect>; 
    } 
}); 

ich dies allerdings auf tatsächliche Geräte nicht getestet haben, so bin ich nicht sicher, wie gut wird es da sein. Ich denke, es gibt nur einen Weg, das herauszufinden.