ProMotion-map and MotionKit as root view

map_layout.rb

# MapLayout
class MapLayout < MK::Layout
  # view :info_container
  # view :info_image
  # view :info_label
  #
  # view :settings_container
  # view :settings_segmented_control

  def layout
    # root :map do
    add UIView, :info_container do
      add UIImageView, :info_image
      add UILabel, :info_label
    end
    # end

    add UIView, :settings_container do
      add UISegmentedControl, :settings_segmented_control
      add UIButton, :request_step_one
    end
  end

  def info_container_style
    background_color UIColor.blackColor
    constraints do
      x(20)
      top(64)
      right(-20)
      height(50)
    end
  end

  def info_image_style
    image UIImage.imageNamed("work")
    # size_to_fit
    clips_to_bounds true

    constraints do
      top(5)
      left(5)
      width(40)
      height(:scale) # scale height according to width
    end
  end

  def info_label_style
    text("INFO LABEL INSIDE INFO VIEW")
    text_color UIColor.whiteColor
    font UIFont.fontWithName("Helvetica Neue", size: 10)
    text_alignment UITextAlignmentLeft

    constraints do
      top(5)
      left.equals(nearest(:info_image), :right).plus(5)
      height(40)
    end
  end

  def settings_container_style
    background_color UIColor.blackColor
    constraints do
      bottom(0)
      height(150)
      left(10)
      right(-10)
    end
  end
end

map_screen.rb

class MapScreen < PM::MapScreen
  start_position latitude: 53.226340, longitude: -0.545652, radius: 1.5

  def annotation_data
    []
  end

  def on_load
    # @layout = MapLayout.new(root: self.view).build
  end

  def layout
    @layout = MapLayout.new
  end

  def will_appear
    add(layout.view)
  end

  def on_appear
    super
  end
end