SvelteNativeの個別border指定方法に注意

SvelteNative開発において、個別にborderを引きたいと思ったら結構ハマってしまったので、共有。

以下のようにリストアイテムに下線を引こうとしたが、上手くいかなかった。

Webの感覚で

.list-item{
  border-bottom: 1px solid #999999;
}

としてしまうと、borderが出現しない。

SvelteNativeの場合、以下のように個別指定する必要があるので、ご注意を!

	.list-item{
		margin: 5%;
		margin-bottom: 40px;
		border-bottom-width: 1px;
		border-color: #999999;
	}




今SvelteNativeを使って英語圏アプリでマネタイズをしています。

その裏側を紹介するメールマガジンを配信しているので、ご興味あれば覗いてみてくださいね。