newPickerWheel - vertical spacing issue

Just started using the newPickerWheel and noticed that there is a spacing issue re the vertical spacing between rows.  There are two rows that are vertically much closer together than the others.

Does this ring any bells re known issues?     (else I’ll try to setup a simple example)

Hi @greg886,

Can you post your code for this?

Hi Grant - here’s the code directly out of my project does this help?  or perhaps you need me to create a small test project with it?

It is the “C” and “D” rows (for these labels) that appear much more close together.  In fact I think the “D” row alignment is out and as if it’s aligning to the top rather than the center. 

    -- Set up the Picker Wheel's columns     local columnData =      {          {              align = "left",             top = widgetPosY,             -- width = 100,             startIndex = 1,             labels =              { "A", "B", "C ", "D", "E", },         },     }     -- Create a new Picker Wheel     local pickerWheel = widget.newPickerWheel     {         top = 0,         font = native.systemFontBold,         columns = columnData,         -- columnColor = { 0.8, 0.0, 0.8, 0.2 },         fontColor = { 1, 0, 0 }     }     scene.view:insert( pickerWheel )     pickerWheel.y = 250  

found the issue - when you use a transition to a scene that has a picker Widget this issue occurs - have reported a bug

display.setStatusBar( display.HiddenStatusBar ) local composer = require "composer" local widget = require "widget" composer.gotoScene( "scene1", "fade", 400 ) 

local widget = require( "widget" ) local composer = require( "composer" ) local scene = composer.newScene() -- Called when the scene's view does not exist: function scene:create( event )          local options = {isModal = true, effect = "zoomOutIn", time = 300, params = {}}        -- \*\* BROKEN \*\*     -- local options = {isModal = true, time = 300, params = {}}                        -- \*\* WORKS \*\*     composer.showOverlay( "picker\_overlay", options ) end scene:addEventListener( "create", scene ) scene:addEventListener( "show", scene ) scene:addEventListener( "hide", scene ) scene:addEventListener( "destroy", scene ) return scene

local widget = require( "widget" ) local composer = require( "composer" ) local scene = composer.newScene() function scene:create( event )     local columnData =      {          {              align = "left",             top = widgetPosY,             startIndex = 1,             labels =              { "A", "B", "C ", "D", "E"},         },     }     local pickerWheel = widget.newPickerWheel     {         top = 0,         font = native.systemFontBold,         columns = columnData,         fontColor = { 1, 0, 0 }     }     scene.view:insert( pickerWheel )     pickerWheel.y = 250      end scene:addEventListener( "create", scene ) scene:addEventListener( "show", scene ) scene:addEventListener( "hide", scene ) scene:addEventListener( "destroy", scene ) return scene  

Case 31459

Hi @greg886,

Can you post your code for this?

Hi Grant - here’s the code directly out of my project does this help?  or perhaps you need me to create a small test project with it?

It is the “C” and “D” rows (for these labels) that appear much more close together.  In fact I think the “D” row alignment is out and as if it’s aligning to the top rather than the center. 

    -- Set up the Picker Wheel's columns     local columnData =      {          {              align = "left",             top = widgetPosY,             -- width = 100,             startIndex = 1,             labels =              { "A", "B", "C ", "D", "E", },         },     }     -- Create a new Picker Wheel     local pickerWheel = widget.newPickerWheel     {         top = 0,         font = native.systemFontBold,         columns = columnData,         -- columnColor = { 0.8, 0.0, 0.8, 0.2 },         fontColor = { 1, 0, 0 }     }     scene.view:insert( pickerWheel )     pickerWheel.y = 250  

found the issue - when you use a transition to a scene that has a picker Widget this issue occurs - have reported a bug

display.setStatusBar( display.HiddenStatusBar ) local composer = require "composer" local widget = require "widget" composer.gotoScene( "scene1", "fade", 400 ) 

local widget = require( "widget" ) local composer = require( "composer" ) local scene = composer.newScene() -- Called when the scene's view does not exist: function scene:create( event )          local options = {isModal = true, effect = "zoomOutIn", time = 300, params = {}}        -- \*\* BROKEN \*\*     -- local options = {isModal = true, time = 300, params = {}}                        -- \*\* WORKS \*\*     composer.showOverlay( "picker\_overlay", options ) end scene:addEventListener( "create", scene ) scene:addEventListener( "show", scene ) scene:addEventListener( "hide", scene ) scene:addEventListener( "destroy", scene ) return scene

local widget = require( "widget" ) local composer = require( "composer" ) local scene = composer.newScene() function scene:create( event )     local columnData =      {          {              align = "left",             top = widgetPosY,             startIndex = 1,             labels =              { "A", "B", "C ", "D", "E"},         },     }     local pickerWheel = widget.newPickerWheel     {         top = 0,         font = native.systemFontBold,         columns = columnData,         fontColor = { 1, 0, 0 }     }     scene.view:insert( pickerWheel )     pickerWheel.y = 250      end scene:addEventListener( "create", scene ) scene:addEventListener( "show", scene ) scene:addEventListener( "hide", scene ) scene:addEventListener( "destroy", scene ) return scene  

Case 31459