Rubin green_shoes Ströme funktioniert nicht

Question

System-Setup

Windows 10 Education Edition 64bit 
Ruby 2.3.0 
green_shoes installed via gem install green_shoes 

Ich bin neu in grünen Schuhen und Rubin im Allgemeinen. Ich habe versucht, einen einfachen realen Einkommensrechner für meinen Wirtschaftskurs zu schreiben und hatte damit Probleme.

Der Code, den ich schrieb funktioniert gut mit den regulären Schuhen installieren, aber ich wollte eine Edelstein-Version verwenden, so wählte ich green_shoes, die am besten schien.

Das Problem, das ich habe, ist, dass die para-Objekte sollen auf der linken Seite der edit_line Objekte angezeigt werden wie

Para Edit_Line

sind aber die Anzeige statt wie

Para
Edit_Line

Ich bin nicht sicher, was ich falsch mache, aber wenn jemand helfen könnte, wäre es genial.

My-Code

require 'green_shoes' 
Shoes.app(title: "Real Income Calculator", width: 400, height: 180) do 
    stack do 
     para "Real Income Calculator" 
     flow do 
      @nip = para "Nominal Income" 
      @nip.style(margin_right: 10) 
      @nit = edit_line 
      @nit.style(width: 150) 
     end 
     flow do 
      @cpip = para "CPI" 
      @cpip.style(margin_right: 10) 
      @cpit = edit_line 
      @cpit.style(width: 80) 
     end 
     @calc = button "Calculate" 
     @calc.click do 
      ni = @nit.text.to_i 
      cpi = @cpit.text.to_i 
      ri = (ni/cpi)*100 
      alert(ri) 
     end 
    end 
end 

-Code, dass ich diese von green_shoes Handbuch Seite nach dem Vorbild http://ashbb.github.io/green_shoes/Check.html

Shoes.app do 
    stack do 
    flow do 
     check; para "Frances Johnson", width: 200 
    end 
    flow do 
     check; para "Ignatius J. Reilly", width: 200 
    end 
    flow do 
     check 
     para "Winston Niles Rumfoord", width: 200 
    end 
    end 
end 

Answer 1

Vielleicht sollten Sie ein "Upgrade" entweder Shoes3.3.1 oder Shoes4 (unten auf 3.3 getestet .1, sollte auch bei Shoes4 in Ordnung sein)

Shoes.app title: "Real Income Calculator", width: 400, height: 180 do 
    stack do 
     para "Real Income Calculator" 
     flow do 
      @nip = para "Nominal Income", margin_right: 10 
      @nit = edit_line "", width: 150 
     end 
    end 
end